ANIMATED EFFECTS USING CSS3 - Practical CSS3: Develop and Design - page 201

For a bit of fun, I also decided to try animating the flaming text shadow by
varying the text shadow values across different keyframes. They ended up look-
ing like this:
@keyframes flamey-flamey {
% : 0 0 x , 0 x x ,
p 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800,
p 2px -25px 18px #FF2200;}
% : 0 0 x , 0 x x ,
p 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800,
p 2px -25px 18px #FF2200;}
% : 0 0 x , 0 x x ,
p 3px -9px 7px #FFDF33, -3px -14px 12px #FF9900,
p 3px -24px 19px #FF3300;}
% : 0 0 x , 0 x x ,
p 3px -9px 7px #FFDF33, -3px -14px 12px #FF9900,
p 3px -24px 19px #FF3300;}
% : 0 0 x , 0 x x ,
p 3px -8px 8px #FFFD44, -3px -12px 11px #FF8800,
p 2px -25px 20px #FF2200;}
% : 0 0 x , 0 x x ,
p 3px -8px 8px #FFFD44, -3px -12px 11px #FF8800,
p 2px -25px 20px #FF2200;}
% : 0 0 x , 0 x x ,
p 2px -7px 7px #FFDD33, -5px -13px 15px #FF7700,
p 4px -24px 19px #FF4411;}
% : 0 0 x , 0 x x ,
p 2px -7px 7px #FFDD33, -5px -13px 15px #FF7700,
p 4px -24px 19px #FF4411;}
% : 0 0 x , 0 x x ,
p 5px -8px 6px #FFEE33, -4px -12px 13px #FF8822,
p 2px -26px 18px #FF2200;}
% : 0 0 x , 0 x x ,
p 5px -8px 6px #FFEE33, -4px -12px 13px #FF8822,
p 2px -26px 18px #FF2200;}
}