This document discusses advanced CSS3 techniques including shadow stacking, layered text, multiple background images, linear gradients, vendor prefixes, multiple color stops, and transitions. It provides code examples for creating striped text, layered headlines, backgrounds with multiple images and gradients, and unique hover effects using transitions.
9. Background Gradients
background: linear-gradient(#F6F6F6, #E3E3E3);
Vendor Prefixes
• -webkit- Can also use the
• -moz- technique of multiple
• -ms- gradients per background.
• -o-
17. Transitions &
Transformations
Great for creating unique hover effects.
Easy to implement code:
transition: property .2s ease/linear;
Must use vendor prefixes here and can be used on any state.