2022 新年快乐后端攻城狮_后端支撑部门对联-CSDN博客

本文链接：https://blog.csdn.net/weixin_42365530/article/details/122744580

2022 新年快乐

前几天就一直有人在朋友圈依依妖妖说“不会今天有人还要上班吧，不会吧不会吧😲”，语了语了，我今天都还在上班啊。

后天春节，写个对联，祝大家2022整整齐齐，完完整整，未来可期！
在这里插入图片描述

在这里插入图片描述
源码------------（我是后端攻城狮）

<!DOCTYPE html>
<html>
<head>
	<title>明天上线！</title>
	<style type="text/css">
		.big-box{
			width: 100%;
			height: 100%;
  			font-family: 隶书; 
			font-size: 66pt; 
			color: #000000; 
			font-weight: bold;
		}
		.top{
			display: flex;
  			justify-content: center;
  			align-items: center;
  			/*width: 900px;*/
			padding: 5px 50px;
			background-color: #FF0000;
		}
		.left{
			float: left;
			margin: 20px 200px 20px 150px;
			padding: 30px;
			width: 100px;
			line-height: 90px;
			/*writing-mode: vertical-rl;*/
			background-color: #FF0000;
		}
		img{
			float: left;
			width: 800px;
			height: 500px;
			margin-top: 200px;
		}
		.right{
			float: left;
			margin: 20px 10px 20px 200px;
			padding: 30px;
			width: 100px;
			line-height: 90px;
			/*writing-mode: vertical-rl;*/
			background-color: #FF0000;
		}
		/* 头像旋转 */
		.rotate {
		  animation: rotate 2s linear infinite;
		}
		@keyframes rotate {
		  0% {
		    transform: rotate(0deg);
		  }
		  50% {
		    transform: rotate(180deg);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}
	</style>
</head>
<body>
	<div class="big-box">
		<div class="top"><span class="rotate">😐</span>明天上线!!!<span class="rotate">😐</span></div>
		<span id="divTyping" style="position: fixed;left: 400px;top: 150px;font-size: 18px"></span>
		<div class="left">这个需求很简单😄</div>
		<img src="https://s2.loli.net/2022/01/29/dBJ12KsixL6fz8n.gif"></img>
		<div class="right">怎么实现我不管😁</div>
		<audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" style="position: fixed;left: 580px;top: 350px" src="https://6c69-ling-prod-5gjoecyq23b768be-1300335304.tcb.qcloud.la/music/%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9C%8D%E5%85%83%E7%94%B2.mp3?sign=a1549fe0f6550764ec7f05ccd732a1c4&t=1643277980"/>
	</div>
	<a href="https://www.17sucai.com/preview/2413762/2021-11-11/yanhua%20texiao/%E2%95%A8%E2%94%AC%E2%94%80%CE%A9%E2%94%90%E2%88%9E%E2%94%94%E2%95%93%20%E2%95%A4%E2%95%A0%E2%95%97%C2%BF%E2%95%A0%E2%95%AA%E2%95%A8%C2%BA/canvas-basicfireworkhappy-new-year/index.html" target="_blank">⚛💥传送门</a>
	<script>
		var str = ' 一个项目，两部电脑，三餐盒饭，只为几千工资，搞得五脏俱损，六神无主，仍然七点起床，八点开会，处理九个漏洞，十分辛苦；<br/>十年编码，九年加班，八面无光，忙的七窍生烟，到头六亲不认，五体投地，依旧四肢酸软，三更加班，只为二个臭钱，一生孤苦；<br/><br/>---&emsp;苦逼程序员<br/><br/>真心话（诚实）：虽吃符号的亏，上大小写的当，死在改需求上，但我为系统而生，为框架而死，为debug奋斗一辈子！<br/>不管如何，感谢一直不离不弃，耐心讲解，细心周到，每次转头还能看见你正提着需求来🙄🙄🙄<a href="http://vogos.cn/">传送门</a>'
		var i = 0;
		function typing(){
			var divTyping = document.getElementById('divTyping')
			if(i<=str.length){
				divTyping.innerHTML = str.slice(0,i++) + "-";
				setTimeout("typing()",200)
			}else{
				divTyping.innerHTML = str;
			}
		}
		typing();
	</script>
	
</body>

</body>
</html>