会动的爱心

七夕来袭!是时候展现专属于程序员的浪漫了!你打算怎么给心爱的人表达爱意?鲜花礼物?代码表白?还是创意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>

猜你喜欢

转载自blog.csdn.net/weixin_71170361/article/details/126161290