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