遇见0和1

V1

2022/01/29阅读:80主题:红绯

2022新年快乐

2022 新年快乐

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

后天春节,写个对联,祝大家2022整整齐齐,完完整整,未来可期! 在这里插入图片描述 源码------------(我是后端攻城狮

<!DOCTYPE html>
<html>
<head>
 <title>明天上线!</title>
 <style type="text/css">
  .big-box{
   width100%;
   height100%;
     font-family: 隶书; 
   font-size66pt
   color#000000
   font-weight: bold;
  }
  .top{
   display: flex;
     justify-content: center;
     align-items: center;
     /*width: 900px;*/
   padding5px 50px;
   background-color#FF0000;
  }
  .left{
   float: left;
   margin20px 200px 20px 150px;
   padding30px;
   width100px;
   line-height90px;
   /*writing-mode: vertical-rl;*/
   background-color#FF0000;
  }
  img{
   float: left;
   width800px;
   height500px;
   margin-top200px;
  }
  .right{
   float: left;
   margin20px 10px 20px 200px;
   padding30px;
   width100px;
   line-height90px;
   /*writing-mode: vertical-rl;*/
   background-color#FF0000;
  }
  /* 头像旋转 */
  .rotate {
    animation: rotate 2s linear infinite;
  }
  @keyframes rotate {
    0% {
      transformrotate(0deg);
    }
    50% {
      transformrotate(180deg);
    }
    100% {
      transformrotate(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>

只要未来可期,现在便值得欣喜。

分类:

前端

标签:

HTML

作者介绍

遇见0和1
V1