好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

【二次元的CSS】--纯CSS3做的能换挡的电扇_html/css_WEB-ITnose

这次分享的电扇,和以往用css3画人物相比 多加了一点交互,就是电扇开关的地方,用到了一点点css3的 :checked +div 这个很少用到的选择器来实现的。

GitHub传送门: https://github测试数据/lancer07/css3_fan

效果是这样的

HTML 结构

小技巧就是,一开始就写了一组单选按钮来做开关的部分。把单选按钮的透明度设为0,然后在后面叠加一个div来画开关的样式。

       

0

查看更多关于【二次元的CSS】--纯CSS3做的能换挡的电扇_html/css_WEB-ITnose的详细内容...

  阅读:31次