box-shadow - CSS Reset

Use CSS to Add Various Shadows to Text and Elements

by Imelda Malabonga – tagged box-shadow, css, shadow

Adding shadows is a great way to create the illusion of depth and perspective, whether on a photograph, graphic design, or even on a web page! With the help of CSS3 properties, you can add such an effect to text, […] Read Article

Making a Sphere in CSS

by Ran Enoch – tagged border-radius, box-shadow, linear-gradient

Traditionally, the web has been a static, two dimensional space. Depth and motion have been the realm of Flash or JavaScript. Happily, this is changing. Today, we’ll turn a regular, blocky old element into a sphere. […] Read Article

Create a Sweet Animated Popout Effect with CSS3 box-shadow and Webkit Keyframe Animations

by Ran Enoch – tagged :hover, @-webkit-keyframes, advanced, box-shadow, css animations, css transforms, css3, rgba

Check out this killer video! A fast-paced and in-depth tutorial showing you the syntax and examples for CSS3 box-shadow, CSS transforms, and @-webkit-keyframes animations, going into detail with rgba and :hover effects – all with a great sense of humour […] Watch Video