今天分享的是一个适用于有二级或者三级内容的导航。
一款个性化渐隐式按钮动效，适用于各类网站网页上。
一个科技感的加载动画效果，适用于科技感网站加载页面。
利用过渡属性来让按钮上的文字逐渐显示出来达到一个打字机效果的动画按钮，适用于界面中的各种主入口，引导用户点击进入。
一款科技感十足的代码瀑布动效按钮。
给大家分享一个代码瀑布流效果。
用 css 来实现一个暗黑模式切换开关按钮的效果，适用于切换网页的日夜模式界面，图标的过渡动画可以增强用户的交互效果。
一个搜索框小组件，我自己增加了一些交互细节，希望大家喜欢。
用 css 模拟一个圆形金属质感按钮。
使用 css 实现动态文字按钮，常适用于独立按钮入口，引导用户点击。
使用 css 实现一个动效的多重阴影按钮，可用于单独入口的操作按钮。
模拟拉链打开效果的按钮，增强页面按钮的交互感。
模拟一个跷跷板效果的加载动画，让用户在等待页面加载时更有趣一些。
css 实现一个简单丝滑的文字流光效果，适用于页面中的大标题或者引导标题等，起到吸引焦点的作用。
用 css 打造一个极简的列表块加载动效。
一个双开门的按钮，交互效果比较强，但是实现很简单，快学起来吧。
好看有质感的水波纹按钮，适用大的入口场景，比如 banner 详情入口等，醒目、容易被看到。
用 css 实现一个适用树形菜单场景的加减动态多选框。
用 css 实现一个圆形背景动效多选框，适用提醒用户勾选场景，突出多选框选项，可以有效增加用户识别度。
移形换位动态加载小动效，适用于 app 列表加载，页面加载或者图片懒加载等场景。
一款小清新的加载动画，适用于 app 列表加载，页面加载或者弹层内容延迟加载等场景。
一个背景不停变幻的按钮，适用在一些比较年轻、青春风格的网站app中，也可在比较多巴胺风、风格强烈的专题页中使用。
自定义多选框外观，用css实现一个动态勾选多选框按钮，适用于表单中用户勾选多选择项场景，可以有效增加用户交互体验。
动效勾选的多选框按钮，适用于注册页中，用户协议勾选时的场景，可以有效增加用户交互体验。
交互感比较强的一个动效按钮。
一个牛顿摆物理效果动效，可以用在 loading 加载动画的需求场景中，提高用户体验感。
一个带有图标动效的引导式按钮，适用于阅读详情的引导点击场景。
纯 css 打造一个跑马灯效果的按钮。
借助 css transition 属性绘制出一个背景收缩交互的一个按钮。
关于新手设计师怎么绘制出好看的渐变色。
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
