用CSS实现一个开关样式,hover时触发,滑块为正方形,具体大小可随意,如下图
尽量实现如下要求,可实现一部分:
- 开关动作均有动画过度(滑块移位、背景色)
- 只用一个dom元素实现
- 开关的高度是固定的,但宽度不固定,即宽度为未知父元素的100%,宽度始终大于高度
HTML
<div class="father">
<div class
用CSS实现一个开关样式,hover时触发,滑块为正方形,具体大小可随意,如下图
尽量实现如下要求,可实现一部分:
HTML
<div class="father">
<div class