谁能告诉我这里的动画改变了a元素的哪几个样式？
来源：5-5 CSS3背景 制作导航菜单综合练习题
慕粉3673019
2016-12-29 22:56
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回答
-
- 慕粉3673019
- 2016-12-30 10:40:47
我的意思是a标签的各个属性，hover前和hover后的值都是一样的，不就和没改变一样吗？
-
- 结束是开始
- 2016-12-30 10:07:51
因为这个属性transition: all 0.2s ease-in 是所有的样式 你要是想只改变一个属性 你就只写一个就好了 你想变化角度 用 rotate(deg) 就可以了
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题