CSS实现的ios样式Toggle开关按钮

一款很轻的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; }

CSS实现的ios样式Toggle开关按钮

preview        Points Download        6毛Download        Share Download       

文件目录······
暂无数据

未经允许不得转载: ICode联盟 » Plugin Special Effects » CSS实现的ios样式Toggle开关按钮

点击广告,支持我们为你提供更好的服务
 猜你喜欢 更多»
点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务