css-loaders.com:最大的加载动画合集(超过 500 个🤯)
虽然花了一段时间,但我终于完成了。我把所有纯 CSS 加载器都集中到一个地方了。
👉 css-loaders.com 👈
仅使用一个元素就制作了大约 580 个加载器!HTML 代码非常简单<div class="loader"></div>,仅此而已!
如果你关注我的话,你可能已经了解大部分内容了,但如果你是新手,那就去看看 CSS 的强大功能吧。从简单的动画到最炫酷的特效,你肯定能找到你想要的。如果你不需要加载动画,那就尽情享受这些赏心悦目的 CSS 动画吧。
超过500个?!太多了!我没时间了😤
没问题,我有办法!点击以下链接,我会帮你挑选一款合适的装载机。
random.css-loaders.com
如果你不喜欢,点击“获取另一个 CSS 加载器”,就能获得另一个。无需浏览整个网站。不断尝试不同的加载器,直到找到最完美的那一个。
每个生成的加载器都有一个唯一的链接。您可以轻松地与任何人分享您最喜欢的加载器!
如何获取我在收藏集中看到的加载器的链接,而不是使用随机生成器?
很简单!假设您正在浏览“形状”加载器:https://css-loaders.com/shapes/,并且您喜欢 #20。链接将是:https://css-loaders.com/shapes/#l20(是小写的“l”,而不是“i”)。
在评论区分享你最喜欢的链接吧👇
随机功能和链接分享功能使用了:has()选择器,因此目前在 Firefox 上无法正常工作。如果您想使用这些功能,请考虑使用其他浏览器。
我还写了很多关于创建单元素加载器的文章。如果你想了解我的一些秘诀,可以看看这些不错的教程🤫
仅使用一个 div 构建 CSS 加载器 — The Dots
如果您不想错过我的新 CSS 文章,请订阅我的RSS 源,并且不要忘记收藏https://css-loaders.com/。
我不会停止制作 CSS 加载器。我的目标是,有朝一日能制作出 1000 个单元素加载器!💪


