网站首页 > 技术文章 正文
无意中发现的网站
上周产品要求在公司内部的网页上加一些动画,比如Button、Input、Tooltips之类的元素上,让这些元素更加的生动活泼,从而提高用户的体验感~
但是我个人觉得前端中最难的就是 CSS 样式没几个人敢说自己精通 CSS 的吧,何况是那些看起来很酷炫的动画特效。。。
无意间看到了一个网站 uiverse,这个网站上拥有很多元素的动画特效示例(4000+个),比如Button、Card、Checkbox、Form、Input、Tooltip等等
且示例代码支持CSS、Tailwind
直接复制就能用
网站上的示例都有现成的代码,只需要复制就能使用了~可以说是非常方便了,而且还可以学习他实现的思路,进而去修改,达到自己想要的效果~
Button
Button通常用来当做点击的载体
Tooltip
Tooltip 通常用来提示一些信息给用户看
Input
Input 用来让用户输入一些信息
Switch
Switch多用在状态的切换上
Card
Card通常用来当做背景,承载一些页面元素
Form
Form表单,让用户填写的信息有一个集合
Loading
Loading加载效果
猜你喜欢
- 2025-01-07 顶级动画库 GSAP 火了!比原生 jQuery 还快 20x?
- 2025-01-07 相见恨晚的 Git 命令动画演示,一看就懂
- 2025-01-07 四个新的 CSS 功能实现流畅的进入和退出动画
- 2025-01-07 使用Tailwind CSS创建自定义动画,进阶您的前端开发技能
- 2025-01-07 css实现的创意404动画页面web前端html源码
- 2025-01-07 如何使用 Tailwind CSS 设计高级自定义动画
- 2025-01-07 前端程序员:巧用css圆角实现有点意思的加载动画
- 2025-01-07 13.7K Star!告别枯燥加载! React-Content-Loader 骨架屏动画指南
- 2025-01-07 如何用 Terminalizer 将你的代码制作成炫酷的 GIF 动画?
- 2025-01-07 Theatre.js:一个神奇的网页动画库,用可视化的方式创建动画
你 发表评论:
欢迎- 581℃几个Oracle空值处理函数 oracle处理null值的函数
- 576℃Oracle分析函数之Lag和Lead()使用
- 561℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 561℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 556℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 546℃【数据统计分析】详解Oracle分组函数之CUBE
- 535℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 530℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)