Creating Nice 3D Ribbons With Pure CSS3
22
Jan
Many websites use various objects to create a 3D perception, an illusion of depth. Ribbons are probably one of the most popular ones.
PV.M Garage, a blog focused on web design, is sharing an inspiring tutorial which shows "how to create 3D ribbons with only CSS3".
The tutorial makes use of the CSS3 properties box-shadow, transform & border-radius.
Also, lets remember that it is possible to create triangles with CSS which is the key for the ribbons in this tutorial.
Compatibility: All Major Browser Except E
Website: http://www.pvmgarage.com/en/2010/01/how-to-create-de...
Demo: http://www.pvmgarage.com/downloads/ribbon/
Website: http://www.pvmgarage.com/en/2010/01/how-to-create-de...
Demo: http://www.pvmgarage.com/downloads/ribbon/
- Tags:
CSS3 Ribbon
- Filed under: Design, No License, Xhtml & Css
- 1 Comment
One Response for "Creating Nice 3D Ribbons With Pure CSS3"
really like it, appreciate that. there is a lot need to catch up for me