使用HTML和CSS3绘制基本卡通图案的示例分享

                margin: 0 0 0 0;    
            }    
        }    
        @keyframes eyemove {    
            70% {    
                margin: 0 0 0 0;    
            }    
    
            80% {    
                margin: -22px 0 0 0;    
            }    
    
            85% {    
                margin: -22px 0 0 5px;    
            }    
    
            90% {    
                margin: -22px 10px 0 0;    
            }    
    
            93% {    
                margin: -22px 0 0 0;    
            }    
    
            96% {    
                margin: 0 0 0 0;    
            }    
        }   

OK，这样，眼睛就会动了，有兴趣的可以试一下，这里就无法展示了。但是如果你有什么更好的动画效果也可以尝试，那么这个案例就结束了。

PS：虽然这只是一个案例，不过确实帮助我开阔思维，而且其实做一个这样的效果，可能会花费很多时间，至少对我来说目前确实是这样子，主要难点还是布局定位和颜色的合理搭配，才能使形象更加逼真生动！