css鼠标经过字体抖动,jQuery+css3实现文字跟随鼠标的上下抖动

m

/* CSS 预设*/

*{ margin:0; padding:0;}

a{ text-decoration:none;}

img{ border:none;}

ul{ list-style:none;}

body{ color:#222121; font-size:12px; font-family:"宋体"; background-color:#fefefe}

.clearfix:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}

.clearfix{ zoom:1;}

/*clear*/

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

/*demo4*/

.demo{ margin:0 50px;}

.hover-list{ line-height:40px; width:500px;}

.hover-list li{ height:40px; border-bottom:1px solid #969; position:relative;}

.hover-list li a span{ width:12px; height:40px;cursor:pointer;transition:all .1s cubic-bezier(.06,1.15,1,1.4) 0s;}

.hover-list li a{ color:#39F; cursor:pointer;}