问答详情
源自:5-5 CSS3背景 制作导航菜单综合练习题

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

提问者:慕粉3673019 2016-12-29 22:56

个回答

  • 慕粉3673019
    2016-12-30 10:40:47

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

  • 结束是开始
    2016-12-30 10:07:51

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