Web designers love playing with CSS. With the introduction of new CSS3 features few years back, it enables designers to save more time and resources while creating wonderful effects without using either images or Javascript. Now as the modern browsers are commonly support CSS3 properties, it’s common to see effects like rounded-corner boxes, text with shadow in action in many websites today.
Besides that, web designers also able to create much more things and effects that normally we can’t think of. Here I found 9 great websites that tell you the possibilities of CSS3. From these links, we can know how far we can achieve with CSS3, as well as become a good resource for learning too. Read on to check them out.
39 Box Shadows
Here, you can see 39 different approaches of effect outcomes that use CSS3’s Box-Shadow properties. Click on the picture to go to the website.
CSS3 Transitions Collection 30
You can see a total of 30 different kinds of transitions of picture slides that are achieved with CSS3. Recommended to use latest Webkit browsers like Safari or Chrome to see the full glory.
CSS3 Shapes
All the shapes in this website are built with CSS3. Amazing.
Tympanus Codrops’ Tutorials
Codrops is a great website with tonnes of great tutorials and showcases. In this one, the author shows how you can do sweet hover menu animation with CSS3. Simple yet brilliant. Please check out “Original effects with CSS3” too.
Animatable
A respected front-end developer Lea Verou, is showing us things that animate-able with CSS.
CSS easing
This website shows you the various possibilities of CSS easing that you can use so that you can create creative transition easing effects besides linear and ease-in.
CSS3 Pattern Gallery
This pattern gallery is also created by Lea Verou. This patterns are built with CSS3 gradients with clever and precise calculations. Kudos to all the creators!
Mozilla Demo Studio – CSS3 Demos
In this Demo Studio by Mozilla, you can view many CSS3 demos that are submitted by adventurous developers/designers.
The Expressive Web
Finally, this is a website that shows you the stuffs that you can do with CSS3. A creatively designed website.
End Word
Here are the websites that I would like to introduce today. With these links, perhaps we can understand more about the possibilities of CSS3. If there are more great links that is missing, please tell us by leaving a comment.
Comments