关于 transition的问题

来源:2-3 页面顶部的开发(2)

年薪百万有手就行

2020-12-01 14:53:56

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

.site-head .topbar .shortcut-links ul li.have-menu .arrow{

    positionabsolute;

    right0;

    top50%;

    margin-top-6px;

    width12px;

    height12px;

}

.site-head .topbar .shortcut-links ul li.have-menu:hover .arrow{

    transformrotate(180deg);

    transition: transform 2s ease 0s;

}

 transition放在上边和放在下边有什么区别吗,感觉效果都是一样的


写回答

1回答

好帮手慕言

2020-12-01

同学你好,这两种写法在效果上是有差异的。如果是下方写法,鼠标悬停在元素上或者在离开元素时,箭头都有动画效果。

http://img.mukewang.com/climg/5fc5ee21092d097308370297.jpg

如果是下方写法,只有在鼠标悬停在元素上时,箭头有动画效果,离开元素时,箭头没有动画效果。

http://img.mukewang.com/climg/5fc5ee78099f9f4409040164.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程