当前位置: 首页 > article >正文

Epic Spinners - 免费开源的 Vue3 加载动画组件,纯 CSS 实现的,动效精致酷炫

Epic Spinners - 免费开源的 Vue3 加载动画组件,纯 CSS 实现的,动效精致酷炫

今天翻翻浏览器书签,看到这款细腻酷炫的加载动画,比之前见过的质量都精美,推荐给各位。

Epic Spinners 是一个小巧精致的加载动画库, 由 Epicmax 团队开发。Epicmax 是一个致力于开源的技术团队。 之前我推荐过的 Vuestic UI 组件库也是出自他们之手。

Epic Spinners 官网

  • 零 JavaScript ,纯 CSS 代码实现
  • 动画酷炫细腻,动效变化流畅
  • 使用非常简单,特别是在 Vue3 项目中

Epic Spinners 目前一共有20个加载动画,质量都很高,其中几个科技感很强的动效我特别喜欢。在 Epic Spinners 的官网上我可以看到这些动画的效果,实现的源代码也可以看到,可以作为 html / css 代码片段来使用,实际上可以在任何前端项目中使用。

查看动画源码

不过最简单的方法还是作为 vue.js 组件使用,首先先安装

在 Vue3 中使用:

这样就可以使用的,结合 v-show 就可以显示动画。

之前我也介绍过两款纯 CSS 动画,分别是 CSS Loaders 和 Loaders.css,和它们相比, Epic Spinners 的动效则更精美细腻,层次感更强,尤其适合在屏幕显示效果好的手机项目中使用,比如整屏显示的加载动画。

Epic Spinners 是一个免费开源的前端动画组件项目,由 Vasili Savitski 设计,Epicmax 开发,项目采用 MIT 开源协议,我们可以免费下载来使用,也可以用在商业项目上。

原文链接:https://www.thosefree.com/epic-spinners


http://www.kler.cn/a/420255.html

相关文章:

  • Spring Boot【二】
  • MySQL-CPU使用率高的原因排查和解决方法
  • arm架构服务器离线部署docker及docker-compose环境
  • Git操作学习1
  • 【赛博保安】安全日记之常用术语(一)
  • 【青牛科技】SCU2N60E/SCD2N60E N沟道增强型功率场效应晶体管采用Silicore先进的VDMOS技术生产
  • 【Spring】聊聊@EventListener注解原理
  • Linx下自动化之路:PostgreSQL 安装包精准自动化部署至指定路径并注册成服务全解析
  • 【计算机网络】实验2:总线型以太网的特性
  • 中断,定时器相关内容
  • Selenium 基于浏览器自动化模块
  • react 组件双向绑定
  • 教务(选课)管理系统
  • SpringBoot -拦截器Interceptor、过滤器 Filter 及设置
  • c语言——数组名该如何理解呢?
  • VSCode中“Run Code”运行程序时,终端出现中文乱码解决方法
  • Burp Suite 全面解析:开启你的 Web 安全测试之旅
  • DNS查询工具
  • MyBatis框架 与 传统JDBC连接数据库的对比
  • selenium动态判断滚轮方向样例