关于 transition的问题
来源:2-3 页面顶部的开发(2)
年薪百万有手就行
2020-12-01 14:53:56
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
.site-head .topbar .shortcut-links ul li.have-menu .arrow{
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
}
.site-head .topbar .shortcut-links ul li.have-menu:hover .arrow{
transform: rotate(180deg);
transition: transform 2s ease 0s;
}
transition放在上边和放在下边有什么区别吗,感觉效果都是一样的
1回答
同学你好,这两种写法在效果上是有差异的。如果是下方写法,鼠标悬停在元素上或者在离开元素时,箭头都有动画效果。
如果是下方写法,只有在鼠标悬停在元素上时,箭头有动画效果,离开元素时,箭头没有动画效果。
祝学习愉快~
相似问题