• 七夕来临,程序员该如何花式表白?html+css实现简单七夕表白


    七夕来袭!是时候展现专属于程序员的浪漫了!你打算怎么给心爱的人表达爱意?鲜花礼物?代码表白?还是创意DIY?本文通过简单的 html实例,实现简单的告白,希望对大家有帮助!


    1 效果展示

    在这里插入图片描述
    请添加图片描述

    2 源码及环境

    使用Hbuilder X进行编码。
    new_file.html

    DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>七夕练习title>
    		<style>
    			*{
    				margin: 0;
    				padding: 0;
    			}
    			body{
    				background: pink;
    			}
    			.box{
    				width: 120px;
    				height:  120px;
    				background: #ff0000;
    				/* 使盒子旋转45度, 并设置边距 */
    				transform: rotate(45deg);
    				margin: 200px auto;
    				animation: love 1s infinite;  /* 动画绑定 */
    				box-shadow: 0 0 20px #ff5500;
    			}
    			/* 爱心形状绘制 */
    			.box::before,
    			.box::after{
    				content: "";
    				/* 给插入的盒子进行定位 */
    				position: absolute;
    				width: 120px;
    				height: 120px;
    				background: #ff0000;
    				border-radius: 50%;
    			}
    			.box::before{
    				left: -68px;
    			}
    			.box::after{
    				top: -68px;
    			}
    			/* 动画绘制 */
    			@keyframes love{
    				0%{
    					transform: rotate(45deg)scale(0.85);
    				}
    				50%{
    					transform: rotate(45deg)scale(1);
    				}
    				100%{
    					transform: rotate(45deg)scale(0.85);
    				}
    			}
    			p{
    				text-align: center;
    				font-size: 30px;
    				font-weight: 520;
    				color: #ffaa00;
    			}
    		style>
    	head>
    	<body>
    		<div class="box">div>
    		<p>Wish all the lovers a happy Chinese Valentine's Day!!!p>
    	body>
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65

    3 浅谈七夕

    3.1 七夕由来

    七夕节,又名乞巧节、女儿节,发源于中国,是华人地区以及东亚各国的传统节日,该节日来自于牛郎与织女的传说,在农历七月初七庆祝。
    在古代女子每逢七姐诞,她们都会向七姐献祭,祈求心灵手巧、获得美满姻缘。这也就是“乞巧”这名称的来源。妇女亦会以五色细线对月迎风穿针,穿进了为之得久。久而久之,七夕也成为了“女儿节”。
    七夕节以牛郎织女的民间传说为载体,表达的是已婚男女不离不弃、白头偕老的情感,恪守的是对爱的承诺。
    在这里插入图片描述

    3.2 七夕风俗

    每个节日都有不同的习俗,而对于七夕有下面几种习俗:

    1. 乞巧活动。七夕节最普遍的习俗,就是妇女们在七月初七的夜晚进行的各种乞巧活动。乞巧的方式大多是姑娘们穿针引线验巧,做些小物品赛巧,摆上些瓜果乞巧,各个地区的乞巧的方式不尽相同,各有趣味。七夕乞巧的应节食品,以巧果最为出名。巧果又名“乞巧果子”,款式极多。主要的材料是油、面、糖、蜜。
    2. 拜织女。在七夕的夜晚,如果少女们希望长得漂亮或嫁个如意郎、少妇们希望早生贵子等,都可以在月光下摆一张桌子,桌子上置茶、酒、水果、五子(桂圆、红枣、榛子、花生,瓜子)等祭品,还有在瓶子里插上鲜花和束红纸,花前置一个小香炉,就可以向织女星默祷,默念自己的心事。拜织女的少女们都要斋戒一天,沐浴停当。
    3. 染指甲。说到七夕染指甲可能很多人都会觉得很奇怪,而在中国西南一带的七夕习俗就是染指甲,四川省诸多县志以及贵州、广东两地,也有此风俗。许多地区的年轻姑娘,喜欢在节日时用树的液浆兑水洗头发,传说不仅可以年青美丽,而且对未婚的女子,还可以尽快找到如意郎君。用花草染指甲也是大多数女子与儿童们,在节日娱乐中的一种爱好,也与生育信仰有密切的关系。
    4. 妇女洗发。平时洗头发是很平凡的事情,那么在七夕这天妇女洗发有什么不同的意义呢?传说在七夕这天取泉水、河水,就如同取银河水一样,具有洁净的神圣力量。因此女性在这天沐发,也就有了特殊意义,代表用银河里的圣水净发,必可获得织女神的护佑。
  • 相关阅读:
    速腾激光雷达 RS M1 slam 建图
    基于寄生捕食算法优化概率神经网络PNN的分类预测 - 附代码
    ChatGPT App迎来重大更新;人工智能应用于应对气候变化
    Elasticsearch 浅尝
    【题解】同济线代习题一.7
    zynq pl访问ps ddr
    语音识别深度神经网络,深度神经网络技术
    STK 根据六根数文件导出星下点(二)
    genEcc256-test
    [附源码]java毕业设计疫情防控期间网上教学管理
  • 原文地址:https://blog.csdn.net/m0_60353039/article/details/126148369