js+css3灯泡开关开灯关灯黑白切换特效.zip资源-CSDN文库

共3个文件

html：1个

js：1个

css：1个

版权申诉

html5

137 浏览量 2023-09-27 22:15:54 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js+css3灯泡开关开灯关灯黑白切换特效.zip （3个子文件）

script.js 1KB

css

style.css 7KB

index.html 1KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>js+css3灯泡开关开灯关灯黑白切换特效</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> </head> <body> <button> <div class="light-bulb"> <div class="upper"> <div class="circle"> <div class="line-1"> <div class="line-c"></div> </div> <div class="line-2"> <div class="line-c"></div> </div> <div class="circle-bottom"></div> </div> </div> <div class="lower"> <div class="lower-1"> <div class="lower-line"></div> <div class="lower-line" style="width: 30%"></div> <div class="lower-line"></div> </div> <div class="lower-2"> <div class="lower-2-inner"> <div class="lower-2-lines"></div> <div class="lower-2-circle"></div> </div> </div> </div> </div> </button> <script src="js/script.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉