前端入门篇(五十二)练习6:transition过渡小动画
所以应该先找到第n个li,找到li再找img,li没有找错,底下又各自只有一个img,解决
ul li:nth-child(1) img {
}
描述文字从下往上:
一开始描述也在框框下面,当hover时,translateY(0),并且有过渡时间
完整代码:
- 描述描述描述描述描述描述描述
- 描述描述描述描述描述描述描述
- 描述描述描述描述描述描述描述
- 描述描述描述描述描述描述描述
所以应该先找到第n个li,找到li再找img,li没有找错,底下又各自只有一个img,解决
ul li:nth-child(1) img {
}
描述文字从下往上:
一开始描述也在框框下面,当hover时,translateY(0),并且有过渡时间
完整代码: