网页简单动效用CSS就行:transition三行代码,流畅不卡

6个月前 (05-17 14:20)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值3465
  • 级别管理员
  • 主题693
  • 回复0
楼主

新手想做网页动画,自己写JS写半天,其实CSS动画就够大部分场景,今天说最简单的hover效果。

按钮、卡片想要鼠标放上去有效果,不用写JS,CSS加transition: all 0.3s,然后hover的时候改个颜色、抬一点高度,自动有平滑过渡效果,比JS写的流畅,代码还少。

别一上来就搞复杂的关键帧动画,先把transition的hover效果用熟,导航、按钮、卡片这些常用场景都够用,网页立马有质感,不用写JS。

CSS动画性能比JS好,不会卡,新手做简单动效用CSS就够。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/338.html

0
回帖

网页简单动效用CSS就行:transition三行代码,流畅不卡 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息