前言
大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~
无意中发现的网站
上周产品要求在公司内部的网页上加一些动画,比如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
加载效果
结语
我是林三心
一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手; 一个偏前端的全干工程师; 一个不正经的掘金作者; 逗比的B站up主; 不帅的小红书博主; 喜欢打铁的篮球菜鸟; 喜欢历史的乏味少年; 喜欢rap的五音不全弱鸡如果你想一起学习前端,一起摸鱼,一起研究简历优化,一起研究面试进步,一起交流历史音乐篮球rap,可以来俺的摸鱼学习群哈哈,点这个,有7000多名前端小伙伴在等着一起学习哦 -->
广州的兄弟可以约饭哦,或者约球~我负责打铁,你负责进球,谢谢~