程序员浪漫七夕：代码、故事与创意DIY，共谱技术爱的乐章-CSDN博客

本文链接：https://blog.csdn.net/weixin_71170361/article/details/126161290

七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！
参与发布文章即可获得【话题达人】勋章，参与多个话题还可进行勋章升级喔！

你可以从以下几个方面着手（不强制），或者根据自己对话题主题的理解创作，参考如下：

记录一起走过的那些日子

讲述和亲爱的TA一起经历的那些故事

那些初见印象
那些浪漫的开始
那些铭记于心的大小事
那些经历的曲折
那些经历的幸福与快乐
那些珍贵的瞬间
那些对未来的期许/计划
…

创意代码表白

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.a{
				width: 400px;
				height: 400px;
				margin: 200px auto;
				position: relative;
				background-color: pink;
				transform: rotate(45deg) scale(.5);
				animation: a .5s ease-in infinite alternate;
			}
			.a:after,.a:before{
				content: '';
				display: block;
				position: absolute;
				width: 400px;
				height: 400px;
				top: 0;
				left: 0;
				border-radius: 50%;
				transform: translateX(-200px);
				background-color: pink;
				animation-name: a;
			}
			.a:before{
				transform: translate(0,-200px);
			}
			.a:hover a{
				transition: all 2s;
			}

			@keyframes a{
				0%{
					transform:rotate(45deg) scale(.5);
					color: #F45330;
				}
				50%{
					transform:rotate(45deg) scale(.8);
					color: pink;
				}
				100%{
					transform:rotate(45deg) scale(1);
					color: red;
				}
			}	
		</style>
	</head>
	<body>
		<div class="a">
		</div>
	</body>
</html>