• 夏日小风扇（.html实现）——小太阳给她带去凉爽

    目录

    🍌写在前面💞

    🍓小小前端实现 💞

    📢快乐鸭带走 💞

     

    🍌写在前面💞

    你到底有多好，我说不出来，但我知道你是最好的;

    我有多想你，我也说不出来，但我想你是我一天最开心的事情;

    我不是一直幼雅，至少在说“我们要一直在一纪”的那个时候,我得认真。
     

    已经很久没给她写文章了，然后呢，夏日的酷暑，感觉自己该写点什么了。这不，灵感就来了。先商店买了一个小风扇给她，现在在电脑旁，准备代码实现出来。网上买的小风扇这个可爱样，分享看看：

                                 

    我能否把你比作夏日?
    因为有你，夏日的晚霞愈发温柔。
    绿树荫浓，夏日渐长;幸与郎君，岁岁年年。
    究竟是阳光明媚了夏天，还是夏天沾了你的光。
    爱的奔走太抽象，我只听到夏日的悸动响了—刹。
    时值盛夏，清风徐徐，月升东山，想和你一起聆听蝉鸣蛙叫的协奏曲。
    在六月的麦田旁边种上玫瑰，夏日阳光吻向田野，浪漫与生活我都爱。
    夏天就是要清爽而热切啊，因为有想见的人，还有一堆怎么也说不完的情话。

     

    🍓小小前端实现 💞

    📢快乐鸭带走 💞

    1. <!DOCTYPE html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>夏日电风扇</title>
    8.     <link rel="stylesheet" href="index.css">
    9. </head>
    10.  
    11. <body>
    12.     <div id="fan">
    13.         <input type="radio" name="switch" checked="" class="switch_0">
    14.         <div class="switch_btn_0">关</div>
    15.         <input type="radio" name="switch" class="switch_1">
    16.         <div class="switch_btn_1">低</div>
    17.         <input type="radio" name="switch" class="switch_2">
    18.         <div class="switch_btn_2">中</div>
    19.         <input type="radio" name="switch" class="switch_3">
    20.         <div class="switch_btn_3">高</div>
    21.         <div class="mask">
    22.             <div class="logo">荔枝风扇</div>
    23.             <div class="line_1"></div>
    24.             <div class="line_2"></div>
    25.             <div class="line_3"></div>
    26.             <div class="line_4"> </div>
    27.             <div class="line_5"></div>
    28.             <div class="line_6"></div>
    29.             <div class="leaves">
    30.                 <div class="leaf_1"></div>
    31.                 <div class="leaf_2"></div>
    32.                 <div class="leaf_3"></div>
    33.             </div>
    34.         </div>
    35.         <div class="header"></div>
    36.         <div class="neck"></div>
    37.         <div class="neck_footer"></div>
    38.         <div class="bottom"></div>
    39.         <div class="bottom_footer_1"></div>
    40.         <div class="bottom_footer_2"></div>
    41.  
    42.     </div>
    43.  
    44. </body>
    45.  
    46. </html>

  • 相关阅读:
    贪心算法|45.跳跃游戏II
    设计模式之工厂模式(Factory)
    浅谈SQL Server索引视图（物化视图）以及索引视图与查询重写
    Python哪个版本最稳定好用2023.10.19
    【Java】泛型 之 使用泛型
    大数据之Spark（二）
    前端研习录（35）——ES6 对象解构赋值讲解及示例分析
    使用二手 gopro 做行车记录仪
    40亿个QQ号，限制1G内存，如何去重？
    内核与协议无关接口层的实现
  • 原文地址：https://blog.csdn.net/weixin_46039719/article/details/125411523