Web-Based 3D Ribbon Generator (With CSS3)
26
Feb
3D ribbons are very popular objects that we see them being used to emphasize headers, create separate sections and more in many websites.
And, they don't have to designed as images. CSS3 is powerful enough to code many different types of ribbons.
The web-based 3D ribbon generator makes creating them very easy by simply asking:
- the type of the ribbon (4 ready-to-use ones)
- colors
- sizes
It also asks whether CSS3 box-shadow and shadow on contents should be added.
Once every option is selected, the application outputs the CSS rules (selector name can be pre-chosen).
- Tags:
CSS3
- Filed under: Design, No License, Xhtml & Css
- 4 Comments
4 Responses for "Web-Based 3D Ribbon Generator (With CSS3)"
I love it! I can’t wait for CSS3 to be fully supported. This will definitely shave some time off of creating “ribbon” like images. I love your blog
nice info…it’ll make our design more interseting and easier to make it
[...] vean lo que nos recomienda la gente de Web Resources Depot, un generador de cintas (ribbons) con efecto 3D que solo utiliza CSS3 para lograr su cometido. El [...]
I love the capabilities of CSS3, it will be even better once its supported on all browsers. CSS3 is making the transition from the design concept to development so much easier! The ribbon effect is very useful, I’ve been incorporating them in many designs.