百木园-与人分享,
就是让自己快乐。

3个CSS动画库,比Animated还好用,让你的网站酷炫起来

本文首发于https://www.1024nav.com/tools/css-animation-library 转载请注明出处

整理了日常前端开发中常用的css动画库,让你的网页动起来,可以在生成中使用,非常酷炫,值得收藏

animxyz

AnimXYZ 可帮助您为网站创建、自定义和合成动画。由 CSS 变量提供支持,允许几乎无限数量的独特动画而无需编写单个关键帧。节省时间并完全控制元素的移动方式。为 Vue、React、SCSS 和 CSS 构建,AnimXYZ 将使您的网站栩栩如生。

https://tva1.sinaimg.cn/large/006z7Mergy1gwzwjfv1s6j31a00r276z.jpg

官网地址:https://animxyz.com/

Izmir 图片hover动画效果

Izmir 是一个迷你 CSS 库,可让您快速创建漂亮的图像悬停元素。包含大量样式类和自定义属性,伊兹密尔允许您完全控制和几乎无限的可能性。只需将 CSS 库加载到您的项目中,添加元素标记并结合您选择的样式类来自定义构建您完美的图像悬停效果。

https://ae01.alicdn.com/kf/H4ae0435f87aa40dca22c7aac8ed2932dk.png

GITHUB地址:https://github.com/ciar4n/Izmir

官网地址:https://ciar4n.com/izmir/

Animatopy

集成了animate.css,但是更加简单,更加灵活,更加方便。只需要拷贝所需代码即可

https://ae04.alicdn.com/kf/H6950688162824b29b0ddb7e46e207c2fS.png

官网地址:https://sarthology.github.io/Animatopy/

来源:https://www.cnblogs.com/kelen/p/15636406.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » 3个CSS动画库,比Animated还好用,让你的网站酷炫起来

相关推荐

  • 暂无文章