本文展示一些纯CSS实现的悬浮动效,附源码。
原文地址:https://pengfeixc.com/blogs/css/pure-css-hover-animation,可以在线编辑代码,查看动画效果。
代码:github。
- 按钮悬浮动效
- 卡片悬浮透视动效
- 卡片悬浮文字平移
- 卡片悬浮背景动效
- 图标旋转动效
- 菜单悬浮动效
- 纯html、css图标动效
- 菜单/按钮悬浮动效
- 涨水效果
更多特效参考:https://www.proglobalbusinesssolutions.com/css-hover-effects/
(完)