a 的原始样式有{
font:bold 0/50px Arial; /*继承自.nav*/
text-align:center; /*继承自.nav*/
font-size: 13px; /*继承自li元素*/
text-shadow:1px 2px 4px rgba(0,0,0,.5); /*继承自li元素*/
display: inline-block;
color:#fff;
text-decoration: none;
}
a : hover{
color:#fff;
text-decoration: none;
transform:rotate(10deg);
}
找了找只有以上这些样式,为什么添加了transition: all 0.2s ease-in 之后变化的除了角度,字体形状也有变化,模糊度也有变化?好奇怪,除了旋转10度以外,还有什么属性变了啊???
我的意思是a标签的各个属性,hover前和hover后的值都是一样的,不就和没改变一样吗?
因为这个属性transition: all 0.2s ease-in 是所有的样式 你要是想只改变一个属性 你就只写一个就好了 你想变化角度 用 rotate(deg) 就可以了