animation + text-shadow + box-shadow

颜色渐变：

@keyframes myfirst
{
    
    
	from {
    
    background: red;}
	to {
    
    background: yellow;}
}
div
{
    
    
	animation: myfirst .5s 1 ease 0s;
}

旋转：

div
{
    
    
	animation: myfirst 1s linear infinite;
}	 
@keyframes myfirst
{
    
    
	from {
    
    transform: rotateZ(0deg);}
	to {
    
    transform: rotateZ(360deg);}
}

文字阴影：

text-shadow: 0 0 5px #000;四周阴影

盒子阴影：

box-shadow:0 0 10px #999;