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.