Tag Archives: CSS3

A Complete Guide to Flexbox

A great Flexbox tutorial from css-tricks.com. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Posted in HTML/CSS | Tagged , , | Comments Off on A Complete Guide to Flexbox

Simple jQuery Parallax effect

This simple example will scroll the images inside the “box” DIV at a slower rate than the container. $(document).ready(function() { $(“#box”).scroll(function() { s = $(“#box”).scrollTop(); $(“#box img”).css(“-webkit-transform”,”translateY(” + (s/3) + “px)”); $(“#box img”).css(“-moz-transform”,”translateY(” + (s/3) + “px)”); $(“#box img”).css(“-ms-transform”,”translateY(” + … Continue reading

Posted in CSS3, JavsScript, jQuery | Tagged , , , | Leave a comment

Ultimate CSS Gradient Generator

Cool CSS3 gradient generator: http://www.colorzilla.com/gradient-editor/

Posted in CSS3 | Tagged , , | Leave a comment

Opacity not working in IE7

I have had good results using the following CSS for setting the opacity  in most modern browsers. filter: alpha(opacity=70); /* Internet Explorer */ -moz-opacity:0.7;    /* Mozilla 1.6 and below */ opacity: 0.7;    /* newer Mozilla and CSS-3 */ … Continue reading

Posted in HTML/CSS | Tagged , , , | Leave a comment