为了账号安全,请及时绑定邮箱和手机立即绑定

谁能告诉我这里的动画改变了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度以外,还有什么属性变了啊???

正在回答

2 回答

我的意思是a标签的各个属性,hover前和hover后的值都是一样的,不就和没改变一样吗?

0 回复 有任何疑惑可以回复我~

因为这个属性transition: all 0.2s ease-in   是所有的样式 你要是想只改变一个属性 你就只写一个就好了  你想变化角度 用 rotate(deg) 就可以了

0 回复 有任何疑惑可以回复我~
#1

慕粉3673019 提问者

我的意思是a标签的各个属性,hover前和hover后的值都是一样的,不就和没改变一样吗?
2016-12-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

谁能告诉我这里的动画改变了a元素的哪几个样式?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信