一款很轻的iOS样式开关小部件，使用纯CSS代码实现的HTML复选框，基于CSS flexbox充分响应和灵活。.toggle { background-color: grey; width: 60px; height: 32px; border-radius: 16px; display: flex; flex-direction: column; } .toggle-active { background-color: blue; width: 60px; height: 32px; border-radius: 16px; display: flex; flex-direction: column; align-items: flex-end; } input { display: none; } .slider { height: 24px; width: 24px; background-color: white; border-radius: 12px; margin: 4px; } input:checked + .toggle { background-color: green; } input:checked + .toggle > .slider { align-self: flex-end; }
文件目录······
暂无数据
未经允许不得转载： ICode联盟 » 插件特效 » CSS实现的ios样式Toggle开关按钮
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)