Ajax Loader
×

StarBust HTML5/CSS3

This is a pure CSS3 Starburst that is created with the help of :after and :before pseudo elements. The text inside it looks 3D because of the multiple values in text-shadow property used in them. The number of values in the text-shadow property is proportional to the depth of the text you want to create. The animation on hover is done using the transition property which rotates the starburst using the rotate transform and the depth of the text is increased by giving more values in it's text-shadow property.

Take a look at the code to know how it's done.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    StarBust HTML5/CSS3

    CSSDeck G+