本文给大家分享基于css3实现可翻转的hover效果，代码简单易懂，非常不错，具有一定的参考借鉴价值，感兴趣的朋友跟随脚本之家小编一起学习吧

CSS3实现可翻转的hover效果,具体代码如下所示： 1.css /*基础样式*/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0 auto; text-align: center; background-color: #FFFFCC; } ul { list-st