誰能告訴我這里的動畫改變了a元素的哪幾個樣式?
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度以外,還有什么屬性變了?。???
2016-12-30
我的意思是a標簽的各個屬性,hover前和hover后的值都是一樣的,不就和沒改變一樣嗎?
2016-12-30
因為這個屬性transition: all 0.2s ease-in ? 是所有的樣式 你要是想只改變一個屬性 你就只寫一個就好了 ?你想變化角度 用 rotate(deg) 就可以了