Last Updated: February 25, 2016
·
477
· platane

full css blazing effect

Hello, I recently achieved to make a convincing full css burning effect.

it looks like this :

Picture

And it's even more awesome with animation ! I host it on gitHub, see it in action at platane.github.io/css-blaze

How it works

Everything is in the :before pseudo class. I add text content to figure the flames and animate them with a text-shadow effect.

The keyframe animation in pretty complex, so I wrote an editor to do the work.

Visit the page to custom the animation and feel-free to use it!

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside