会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
葳蕤灿灿
幸福是奋斗出来的
博客园
首页
新随笔
联系
管理
订阅
2018年1月17日
实现鼠标hover动画效果自己理解的两种方法——练习笔记
摘要: 练习前端技术学院的任务,需要实现“导航栏中的链接,随着鼠标悬浮的位置,相应的链接下出现红色线段”的效果(如图1),我的理解有简易与稍显复杂一些的方法: 首先想到的就是直接利用伪元素,改变其底边框状态即可。对应的代码及效果如下: css为: 此方法就没有了平滑的动作(动画效果),其效果如图: 另一方法
阅读全文
posted @ 2018-01-17 20:43 葳蕤灿灿
阅读(4810)
评论(0)
推荐(0)
编辑