首页

投稿

用100行CSS，还原超真实拟态摇杆

7.4万

5

2026-05-14 16:02:11

未经作者授权，禁止转载

感谢观看喜欢就点个推荐吧~ - 原设计图：https://www.pinterest.com/pin/246642517065769582/ 代码实现：https://gitee.com/greyd097/yzrt/tree/master/

原子软糖At 发消息

“代码构建世界，审美决定边界” vx：yzyd-rt（备注来意）

[Flex布局应用][1]创建页面框架

04:29

[Flex布局应用][2]标题栏与页脚

03:43

30s教你写一个B站同款搜索框

00:32

给你的网页加个点睛之笔，让老师眼前一亮 | 冷门前端库分享

00:45

一个案例教你提升 CSS 毛玻璃质感

00:45

一个简单方法，教你快速写出CSS拟态

00:53

教你做一个超真实的CSS物理旋钮

01:10

【CSS案例欣赏】多层阴影如何颠覆按钮质感

00:33

一个简单的CSS技巧，做出有律动感的动画

00:42

【CSS案例欣赏】不到200行代码的超写实工业开关

00:54

【CSS教学】3分钟教你写一个简单实用的升级按钮

03:03

【CSS】当你把Gemini3的UI改成了拟态风

00:35

教你做一个超好看的流光晶石按钮

00:36

如果美是一种病，这些 CSS 作品......已经无药可救了

00:45

一个案例教你做CSS长动画

00:29

【CSS案例赏析】教你用CSS做鼠标跟随

00:26

【CSS案例赏析】教你一个简单实用的翻转卡片

00:41

什么！小龙虾安装原来这么简单！傻子都会的教程！

01:23

一个富有创意感，交互手感拉满的CSS按钮

00:53

纯CSS高仿苹果液态玻璃（liquid glass），你觉得怎么样？

00:45

【CSS】62行代码的超真实蓝牙耳机

00:39

教你做一个真实又好看的CSS水滴

00:25

【CSS案例赏析】科幻感launching加载动画

00:54

用100行CSS，还原超真实拟态摇杆

00:39

【CSS】教你做一个超真实的拟态连接按钮

00:45

CSS+JS，还原超真实音量控制旋钮

01:01

教你做一个超丝滑的方案切换组件

01:01

30s教你做一个好看的拟态开关

00:58

顶部