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