[css] 使用纯css来创建一个滑块
.checke{position: relative;-webkit-appearance: none;width:90px;height: 44px;line-height: 44px;background: #eee;border-radius: 30px;outline: none;}.checke:before{position: absolute;left: 0;content: '';width: 44px;height: 44px;border-radius: 50%;background: #eee;box-shadow: 0px 0px 5px #ddd;transition: all 0.2s linear;}.checke:checked{background: #18ff0a;}.checke:checked:before{left: 45px;transition: all 0.2s linear;}
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 用css画一个五边形和一个六边形](http://pic.xiahunao.cn/[css] 用css画一个五边形和一个六边形)
![[css] 你有没有使用过“形似猫头鹰”（例：`* + *{ ... }`） 的选择器？](http://pic.xiahunao.cn/[css] 你有没有使用过“形似猫头鹰”（例：`* + *{ ... }`） 的选择器？)
![[css] 为什么说css中能用子代选择器的时候不要用后代选择器？](http://pic.xiahunao.cn/[css] 为什么说css中能用子代选择器的时候不要用后代选择器？)
![[css] 如何给文字的color设置渐变](http://pic.xiahunao.cn/[css] 如何给文字的color设置渐变)
![[css] 如何在白天和黑夜自动切换页面的颜色？](http://pic.xiahunao.cn/[css] 如何在白天和黑夜自动切换页面的颜色？)
![[css] CSS中哪些属性会引起GPU渲染，会增加耗电吗？](http://pic.xiahunao.cn/[css] CSS中哪些属性会引起GPU渲染，会增加耗电吗？)
![[css] OOCSS有哪些好处？对应的库有哪些？](http://pic.xiahunao.cn/[css] OOCSS有哪些好处？对应的库有哪些？)
![[css] 如何解决IE6浮动时产生双倍边距的BUG？](http://pic.xiahunao.cn/[css] 如何解决IE6浮动时产生双倍边距的BUG？)