html--鸣人

最新推荐文章于 2024-05-22 20:30:11 发布
最新推荐文章于 2024-05-22 20:30:11 发布
阅读量479 收藏 4
点赞数 5
分类专栏： html 文章标签： html css3 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stqer/article/details/138859468
版权 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>html {
  background-color: #fff;
  font: 12px "Open Sans", "Helvetica Neue", helvetica, sans-serif;
  height: 100%;
}

body {
  background: transparent;
}

input[type=text]:focus,
input[type=search]:focus,
textarea:focus {
  outline: 0;
}

@-webkit-keyframes head {
  0% {
    top: 0px;
  }

  50% {
    top: 6px;
  }

  100% {
    top: 0px;
  }
}

@-webkit-keyframes torso {
  0% {
    top: 180px;
  }

  50% {
    top: 184px;
  }

  100% {
    top: 180px;
  }
}

@-webkit-keyframes legs {
  0% {
    top: 300px;
  }

  50% {
    top: 300px;
  }

  100% {
    top: 300px;
  }
}

@keyframes head {
  0% {
    top: 0px;
  }

  50% {
    top: 6px;
  }

  100% {
    top: 0px;
  }
}

@keyframes torso {
  0% {
    top: 180px;
  }

  50% {
    top: 183px;
  }

  100% {
    top: 180px;
  }
}

@keyframes legs {
  0% {
    top: 320px;
  }

  50% {
    top: 320px;
  }

  100% {
    top: 320px;
  }
}

#naruto {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  margin-top: 60px;
  position: relative;
}

.head {
  -webkit-animation: head 1s infinite;
  -webkit-animation-timing-function: linear;
  animation: head 1s infinite;
  animation-timing-function: linear;
  background: #fff;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 0px;
  width: 10px;
  z-index: 50;
  box-shadow: -10px 0 black, 30px 0 black, -60px 10px black, -50px 10px white, -40px 10px white, -30px 10px white, -20px 10px black, -10px 10px black, 0 10px white, 10px 10px white, 20px 10px black, 30px 10px black, -60px 20px black, -50px 20px black, -40px 20px white, -30px 20px black, -20px 20px #ffcd31, -10px 20px black, 0 20px white, 10px 20px black, 20px 20px #ffcd31, 30px 20px black, -60px 30px black, -50px 30px #ffcd31, -40px 30px black, -30px 30px #ffcd31, -20px 30px #ffcd31, -10px 30px black, 0 30px black, 10px 30px #ffcd31, 20px 30px #ffff0d, 30px 30px black, 40px 30px white, 50px 30px black, 60px 30px black, -60px 40px black, -50px 40px #ffff0d, -40px 40px #ffcd31, -30px 40px #ffff0d, -20px 40px #ffcd31, -10px 40px black, 0 40px #ffcd31, 10px 40px #ffff0d, 20px 40px #ffff0d, 30px 40px black, 40px 40px black, 50px 40px #ffff0d, 60px 40px black, -100px 50px black, -90px 50px black, -80px 50px black, -70px 50px black, -60px 50px black, -50px 50px #ffff0d, -40px 50px #ffff0d, -30px 50px #ffff0d, -20px 50px #ffff0d, -10px 50px #ffcd31, 0 50px #ffff0d, 10px 50px #ffff0d, 20px 50px #ffff0d, 30px 50px #ffcd31, 40px 50px #ffff0d, 50px 50px #ffcd31, 60px 50px black, -90px 60px black, -80px 60px #ffcd31, -70px 60px #ffff0d, -60px 60px #ffff0d, -50px 60px #ffff0d, -40px 60px #ffff0d, -30px 60px #ffff0d, -20px 60px #ffff0d, -10px 60px #ffff0d, 0 60px #ffff0d, 10px 60px #ffff0d, 20px 60px #ffff0d, 30px 60px #ffff0d, 40px 60px #ffff0d, 50px 60px #ffcd31, 60px 60px black, 70px 60px black, 80px 60px black, 90px 60px black, -80px 70px black, -70px 70px #ffcd31, -60px 70px #ffff0d, -50px 70px #ffff0d, -40px 70px #ffff0d, -30px 70px #ffff0d, -20px 70px #ffff0d, -10px 70px #ffff0d, 0 70px #ffff0d, 10px 70px #ffff0d, 20px 70px #ffff0d, 30px 70px #ffff0d, 40px 70px #ffff0d, 50px 70px #ffcd31, 60px 70px #ffcd31, 70px 70px #ffcd31, 80px 70px black, -90px 80px black, -80px 80px #ffcd31, -70px 80px #ffff0d, -60px 80px #ffff0d, -50px 80px #ffff0d, -40px 80px #ffff0d, -30px 80px #ffff0d, -20px 80px #ffff0d, -10px 80px #ffff0d, 0 80px #ffff0d, 10px 80px #ffff0d, 20px 80px #ffff0d, 30px 80px #ffff0d, 40px 80px #ffff0d, 50px 80px #ffff0d, 60px 80px #ffff0d, 70px 80px black, -80px 90px black, -70px 90px #ffcd31, -60px 90px #ffff0d, -50px 90px #ffff0d, -40px 90px #ffff0d, -30px 90px #ffff0d, -20px 90px #ffff0d, -10px 90px #ffff0d, 0 90px #ffff0d, 10px 90px #ffff0d, 20px 90px #ffff0d, 30px 90px #ffff0d, 40px 90px #ffcd31, 50px 90px #ffff0d, 60px 90px #ffcd31, 70px 90px black, -90px 100px black, -80px 100px #ffcd31, -70px 100px #ffcd31, -60px 100px #ffcd31, -50px 100px #ffff0d, -40px 100px #ffff0d, -30px 100px #ffff0d, -20px 100px #ffcd31, -10px 100px #ffff0d, 0 100px #ffff0d, 10px 100px #ffff0d, 20px 100px #ffff0d, 30px 100px #ffff0d, 40px 100px #ffcd31, 50px 100px #ffcd31, 60px 100px #ffcd31, 70px 100px #ffcd31, 80px 100px black, -90px 110px black, -80px 110px #ffcd31, -70px 110px black, -60px 110px black, -50px 110px #ffcd31, -40px 110px #ffff0d, -30px 110px #ffff0d, -20px 110px #ffcd31, -10px 110px #ffcd31, 0 110px #ffff0d, 10px 110px #ffff0d, 20px 110px #ffcd31, 30px 110px #ffff0d, 40px 110px #ffcd31, 50px 110px #01009c, 60px 110px black, 70px 110px black, -90px 120px black, -80px 120px black, -70px 120px black, -60px 120px #332dff, -50px 120px black, -40px 120px black, -30px 120px black, -20px 120px black, -10px 120px black, 0 120px black, 10px 120px black, 20px 120px black, 30px 120px black, 40px 120px black, 50px 120px #332dff, 60px 120px black, -70px 130px black, -60px 130px #01009c, -50px 130px #332dff, -40px 130px #999999, -30px 130px #5f5f5f, -20px 130px #cecece, -10px 130px #999999, 0 130px #5f5f5f, 10px 130px #cecece, 20px 130px #5f5f5f, 30px 130px #999999, 40px 130px #332dff, 50px 130px #01009c, 60px 130px black, -80px 140px black, -70px 140px black, -60px 140px #01009c, -50px 140px #01009c, -40px 140px #5f5f5f, -30px 140px #999999, -20px 140px #cecece, -10px 140px #5f5f5f, 0 140px #999999, 10px 140px #cecece, 20px 140px #999999, 30px 140px #5f5f5f, 40px 140px #01009c, 50px 140px #01009c, 60px 140px black, 70px 140px black, -80px 150px black, -70px 150px #ffcf6a, -60px 150px #ff9864, -50px 150px black, -40px 150px black, -30px 150px #5f5f5f, -20px 150px #5f5f5f, -10px 150px #5f5f5f, 0 150px #5f5f5f, 10px 150px #5f5f5f, 20px 150px #5f5f5f, 30px 150px black, 40px 150px black, 50px 150px #ff9864, 60px 150px #ffcf6a, 70px 150px black, -80px 160px black, -70px 160px #fdc999, -60px 160px #ff9864, -50px 160px black, -40px 160px white, -30px 160px #01009c, -20px 160px black, -10px 160px black, 0 160px black, 10px 160px black, 20px 160px #01009c, 30px 160px white, 40px 160px black, 50px 160px #ff9864, 60px 160px #fdc999, 70px 160px black, -80px 170px black, -70px 170px black, -60px 170px black, -50px 170px #ffcf6a, -40px 170px white, -30px 170px black, -20px 170px #ffcf6a, -10px 170px #fdc999, 0 170px #fdc999, 10px 170px #ffcf6a, 20px 170px black, 30px 170px white, 40px 170px #ffcf6a, 50px 170px black, 60px 170px black, -60px 180px black, -50px 180px #ff9864, -40px 180px #fdc999, -30px 180px #fdc999, -20px 180px #fdc999, -10px 180px #fdc999, 0 180px #fdc999, 10px 180px #fdc999, 20px 180px #fdc999, 30px 180px #fdc999, 40px 180px #ff9864, 50px 180px black, -50px 190px black, -40px 190px #ffcf6a, -30px 190px #fdc999, -20px 190px #fdc999, -10px 190px #fdc999, 0 190px #fdc999, 10px 190px #fdc999, 20px 190px #fdc999, 30px 190px #ffcf6a, 40px 190px black, -40px 200px black, -30px 200px #ff9864, -20px 200px #fdc999, -10px 200px #fdc999, 0 200px #fdc999, 10px 200px #fdc999, 20px 200px #ff9864, 30px 200px black, -30px 210px black, -20px 210px black, -10px 210px black, 0 210px black, 10px 210px black, 20px 210px black;
}

.torso {
  -webkit-animation: torso 1s infinite;
  -webkit-animation-timing-function: linear;
  animation: torso 1s infinite;
  animation-timing-function: linear;
  background: transparent;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 180px;
  width: 10px;
  z-index: 40;
  box-shadow: -70px 0 black, 60px 0 black, 70px 0 black, 80px 0 black, -80px 10px black, -70px 10px black, -60px 10px #5f5f5f, 50px 10px #5f5f5f, 60px 10px black, 70px 10px black, 80px 10px #f89631, 90px 10px black, -90px 20px black, -80px 20px #01009c, -70px 20px black, -60px 20px #5f5f5f, -50px 20px #999999, 40px 20px #5f5f5f, 50px 20px #5f5f5f, 60px 20px black, 70px 20px #fe6400, 80px 20px #f89631, 90px 20px black, -100px 30px black, -90px 30px #01009c, -80px 30px #01009c, -70px 30px black, -60px 30px #5f5f5f, -50px 30px #999999, -40px 30px #999999, 30px 30px #5f5f5f, 40px 30px #999999, 50px 30px #5f5f5f, 60px 30px black, 70px 30px #fe6400, 80px 30px #fe6400, 90px 30px #f89631, 100px 30px black, -110px 40px black, -100px 40px #01009c, -90px 40px #01009c, -80px 40px #332dff, -70px 40px #01009c, -60px 40px black, -50px 40px #999999, -40px 40px #cecece, -30px 40px #cecece, -20px 40px #fe6400, -10px 40px #f89631, 0 40px #f89631, 10px 40px #f89631, 20px 40px #999999, 30px 40px #999999, 40px 40px #999999, 50px 40px black, 60px 40px #01009c, 70px 40px black, 80px 40px #fe6400, 90px 40px #f89631, 100px 40px black, -120px 50px black, -110px 50px black, -100px 50px black, -90px 50px #332dff, -80px 50px #332dff, -70px 50px #332dff, -60px 50px #01009c, -50px 50px black, -40px 50px #999999, -30px 50px #cecece, -20px 50px #fe6400, -10px 50px #ffcd31, 0 50px #ffcd31, 10px 50px #f89631, 20px 50px #fe6400, 30px 50px #999999, 40px 50px black, 50px 50px #01009c, 60px 50px #01009c, 70px 50px black, 80px 50px #fe6400, 90px 50px black, 100px 50px #d10000, 110px 50px black, -120px 60px black, -110px 60px #f89631, -100px 60px #01009c, -90px 60px #01009c, -80px 60px #332dff, -70px 60px #332dff, -60px 60px #332dff, -50px 60px #01009c, -40px 60px black, -30px 60px black, -20px 60px black, -10px 60px #f89631, 0 60px #f89631, 10px 60px #fe6400, 20px 60px black, 30px 60px black, 40px 60px #01009c, 50px 60px #01009c, 60px 60px #01009c, 70px 60px #01009c, 80px 60px black, 90px 60px black, 100px 60px #d10000, 110px 60px black, -130px 70px black, -120px 70px #f89631, -110px 70px #f89631, -100px 70px #fe6400, -90px 70px black, -80px 70px #01009c, -70px 70px #332dff, -60px 70px #01009c, -50px 70px #01009c, -40px 70px #01009c, -30px 70px #01009c, -20px 70px black, -10px 70px #fe6400, 0 70px #fe6400, 10px 70px black, 20px 70px black, 30px 70px #01009c, 40px 70px #01009c, 50px 70px #01009c, 60px 70px #01009c, 70px 70px black, 80px 70px #fe6400, 90px 70px black, 100px 70px #d10000, 110px 70px black, -130px 80px black, -120px 80px #ffcd31, -110px 80px #f89631, -100px 80px #f89631, -90px 80px #fe6400, -80px 80px black, -70px 80px black, -60px 80px #01009c, -50px 80px #01009c, -40px 80px #01009c, -30px 80px #01009c, -20px 80px black, -10px 80px #fe6400, 0 80px #f89631, 10px 80px #fe6400, 20px 80px black, 30px 80px #01009c, 40px 80px #01009c, 50px 80px #01009c, 60px 80px black, 70px 80px black, 80px 80px #fe6400, 90px 80px #fe6400, 100px 80px black, -140px 90px black, -130px 90px #ffcd31, -120px 90px #ffcd31, -110px 90px #ffcd31, -100px 90px #f89631, -90px 90px #fe6400, -80px 90px #fe6400, -70px 90px black, -60px 90px black, -50px 90px black, -40px 90px black, -30px 90px #01009c, -20px 90px black, -10px 90px #fe6400, 0 90px #f89631, 10px 90px #fe6400, 20px 90px black, 30px 90px black, 40px 90px black, 50px 90px black, 60px 90px black, 70px 90px #fe6400, 80px 90px #fe6400, 90px 90px #fe6400, 100px 90px black, 110px 90px black, -150px 100px black, -140px 100px black, -130px 100px #ffcd31, -120px 100px #ffcd31, -110px 100px #ffcd31, -100px 100px #f89631, -90px 100px #fe6400, -80px 100px black, -70px 100px black, -60px 100px #fe6400, -50px 100px #fe6400, -40px 100px #fe6400, -30px 100px black, -20px 100px black, -10px 100px #fe6400, 0 100px #f89631, 10px 100px #fe6400, 20px 100px black, 30px 100px #fe6400, 40px 100px #fe6400, 50px 100px black, 60px 100px black, 70px 100px #fe6400, 80px 100px #fe6400, 90px 100px black, 100px 100px #fe6400, 110px 100px black, -150px 110px black, -140px 110px #fe6400, -130px 110px #f89631, -120px 110px #ffcd31, -110px 110px #fe6400, -100px 110px #fe6400, -90px 110px black, -80px 110px black, -70px 110px black, -60px 110px #fe6400, -50px 110px #fe6400, -40px 110px #f89631, -30px 110px #ffcd31, -20px 110px #fe6400, -10px 110px #fe6400, 0 110px #f89631, 10px 110px #f89631, 20px 110px #fe6400, 30px 110px #f89631, 40px 110px #fe6400, 50px 110px #fe6400, 60px 110px black, 70px 110px black, 80px 110px black, 90px 110px #fe6400, 100px 110px #f89631, 110px 110px #fe6400, 120px 110px black, -150px 120px black, -140px 120px #fe6400, -130px 120px #ffcd31, -120px 120px #ffcd31, -110px 120px #ffcd31, -100px 120px #f89631, -90px 120px #fe6400, -80px 120px black, -70px 120px black, -60px 120px black, -50px 120px #f89631, -40px 120px #f89631, -30px 120px #ffcd31, -20px 120px #fe6400, -10px 120px #fe6400, 0 120px #f89631, 10px 120px #f89631, 20px 120px black, 30px 120px #f89631, 40px 120px #fe6400, 50px 120px black, 60px 120px black, 70px 120px #fe6400, 80px 120px #fe6400, 90px 120px #f89631, 100px 120px #fe6400, 110px 120px black, 120px 120px black, -140px 130px black, -130px 130px #f89631, -120px 130px #f89631, -110px 130px #f89631, -100px 130px #fe6400, -90px 130px black, -80px 130px black, -70px 130px black, -60px 130px black, -50px 130px black, -40px 130px #fe6400, -30px 130px #fe6400, -20px 130px #fe6400, -10px 130px #fe6400, 0 130px #fe6400, 10px 130px black, 20px 130px #fe6400, 30px 130px black, 40px 130px black, 50px 130px black, 60px 130px black, 70px 130px black, 80px 130px black, 90px 130px black, 100px 130px black, 110px 130px #ff9864, 120px 130px black, -150px 140px black, -140px 140px #ff9864, -130px 140px black, -120px 140px black, -110px 140px black, -100px 140px black, -90px 140px black, -80px 140px black, -50px 140px black, -40px 140px black, -30px 140px black, -20px 140px black, -10px 140px black, 0 140px black, 10px 140px black, 20px 140px black, 30px 140px black, 40px 140px black, 60px 140px black, 70px 140px black, 80px 140px #ff9864, 90px 140px #ff9864, 100px 140px #fdc999, 110px 140px #ff9864, 120px 140px black, -150px 150px black, -140px 150px #ffcf6a, -130px 150px #fdc999, -120px 150px #f6f1ba, -110px 150px #fdc999, -100px 150px #ffcf6a, -90px 150px black, -40px 150px black, -30px 150px black, -20px 150px black, -10px 150px black, 0 150px black, 10px 150px black, 20px 150px black, 70px 150px black, 80px 150px black, 90px 150px #ff9864, 100px 150px #fdc999, 110px 150px black, 120px 150px black, -150px 160px black, -140px 160px #ffcf6a, -130px 160px #fdc999, -120px 160px #f6f1ba, -110px 160px #ff9864, -100px 160px black, 80px 160px black, 90px 160px black, 100px 160px black, 110px 160px black, -140px 170px black, -130px 170px #ffcf6a, -120px 170px #fdc999, -110px 170px black, -130px 180px black, -120px 180px black;
}

.legs {
  -webkit-animation: legs 1s infinite;
  -webkit-animation-timing-function: linear;
  animation: legs 1s infinite;
  animation-timing-function: linear;
  background: transparent;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 320px;
  width: 10px;
  z-index: 30;
  box-shadow: -70px 0 black, -60px 0 #fe6400, 50px 0 #fe6400, -80px 10px black, -70px 10px #f89631, -60px 10px #f89631, -50px 10px #fe6400, 30px 10px #fe6400, 40px 10px #fe6400, 50px 10px #f89631, 60px 10px #f89631, -90px 20px black, -80px 20px black, -70px 20px #ffcd31, -60px 20px #fe6400, -50px 20px #f89631, -40px 20px #f89631, -30px 20px #f89631, -20px 20px #f89631, -10px 20px #f89631, 0 20px #fe6400, 10px 20px #f89631, 20px 20px #f89631, 30px 20px #f89631, 40px 20px #f89631, 50px 20px #ffcd31, 60px 20px #fe6400, 70px 20px #f89631, -100px 30px #332dff, -90px 30px black, -80px 30px black, -70px 30px #fe6400, -60px 30px #f89631, -50px 30px #ffcd31, -40px 30px #ffcd31, -30px 30px #ffcd31, -20px 30px #f89631, -10px 30px #f89631, 0 30px #fe6400, 10px 30px #f89631, 20px 30px #ffcd31, 30px 30px #ffcd31, 40px 30px #ffcd31, 50px 30px #ffcd31, 60px 30px #ffcd31, 70px 30px #ffcd31, 80px 30px #f89631, 90px 30px black, -110px 40px black, -100px 40px #01009c, -90px 40px black, -80px 40px #fe6400, -70px 40px #fe6400, -60px 40px #fe6400, -50px 40px #fe6400, -40px 40px #ffcd31, -30px 40px #ffcd31, -20px 40px #ffcd31, -10px 40px #f89631, 0 40px #fe6400, 10px 40px #ffcd31, 20px 40px #ffcd31, 30px 40px #ffcd31, 40px 40px #ffcd31, 50px 40px #ffcd31, 60px 40px #ffcd31, 70px 40px #ffcd31, 80px 40px #ffcd31, 90px 40px #f89631, 100px 40px black, -120px 50px black, -110px 50px #01009c, -100px 50px #01009c, -90px 50px black, -80px 50px #fe6400, -70px 50px #fe6400, -60px 50px #fe6400, -50px 50px #fe6400, -40px 50px #fe6400, -30px 50px #fe6400, -20px 50px #f89631, -10px 50px #f89631, 0 50px #f89631, 10px 50px #fe6400, 20px 50px #f89631, 30px 50px #ffcd31, 40px 50px #ffcd31, 50px 50px #ffcd31, 60px 50px #ffcd31, 70px 50px #ffcd31, 80px 50px #ffcd31, 90px 50px #ffcd31, 100px 50px black, -120px 60px black, -110px 60px #01009c, -100px 60px black, -90px 60px #fe6400, -80px 60px #f89631, -70px 60px #ffcd31, -60px 60px #f89631, -50px 60px #fe6400, -40px 60px #fe6400, -30px 60px #fe6400, -20px 60px #fe6400, -10px 60px #fe6400, 0 60px #fe6400, 10px 60px #fe6400, 20px 60px #fe6400, 30px 60px #f89631, 40px 60px #f89631, 50px 60px #ffcd31, 60px 60px #ffcd31, 70px 60px #ffcd31, 80px 60px #ffcd31, 90px 60px #ffcd31, 100px 60px #fe6400, 110px 60px black, -120px 70px black, -110px 70px #01009c, -100px 70px black, -90px 70px #f89631, -80px 70px #ffcd31, -70px 70px #ffcd31, -60px 70px #ffcd31, -50px 70px #f89631, -40px 70px #fe6400, -30px 70px #fe6400, -20px 70px #fe6400, -10px 70px black, 0 70px black, 10px 70px black, 20px 70px #fe6400, 30px 70px #fe6400, 40px 70px #fe6400, 50px 70px #f89631, 60px 70px #f89631, 70px 70px #ffcd31, 80px 70px #ffcd31, 90px 70px #f89631, 100px 70px #fe6400, 110px 70px black, -110px 80px black, -100px 80px #fe6400, -90px 80px #f89631, -80px 80px #ffcd31, -70px 80px #ffcd31, -60px 80px #ffcd31, -50px 80px #ffcd31, -40px 80px #fe6400, -30px 80px #fe6400, -20px 80px black, -10px 80px black, 20px 80px black, 30px 80px black, 40px 80px #fe6400, 50px 80px #fe6400, 60px 80px #f89631, 70px 80px #f89631, 80px 80px #fe6400, 90px 80px #fe6400, 100px 80px #f89631, 110px 80px black, -110px 90px black, -100px 90px #f89631, -90px 90px #fe6400, -80px 90px #ffcd31, -70px 90px #ffcd31, -60px 90px #ffcd31, -50px 90px #f89631, -40px 90px #fe6400, -30px 90px black, -20px 90px black, 30px 90px black, 40px 90px black, 50px 90px #fe6400, 60px 90px #f89631, 70px 90px #f89631, 80px 90px #f89631, 90px 90px #f89631, 100px 90px #fe6400, 110px 90px black, -110px 100px black, -100px 100px #f89631, -90px 100px #ffcd31, -80px 100px #f89631, -70px 100px #f89631, -60px 100px #fe6400, -50px 100px #fe6400, -40px 100px #fe6400, -30px 100px black, 30px 100px black, 40px 100px #fe6400, 50px 100px #fe6400, 60px 100px #fe6400, 70px 100px #fe6400, 80px 100px #fe6400, 90px 100px #fe6400, 100px 100px black, 110px 100px black, -100px 110px black, -90px 110px #fe6400, -80px 110px #ffcd31, -70px 110px #ffcd31, -60px 110px #f89631, -50px 110px #fe6400, -40px 110px black, 30px 110px black, 40px 110px black, 50px 110px #fe6400, 60px 110px #fe6400, 70px 110px #fe6400, 80px 110px #fe6400, 90px 110px black, 100px 110px black, -110px 120px black, -100px 120px black, -90px 120px black, -80px 120px #fe6400, -70px 120px #fe6400, -60px 120px #fe6400, -50px 120px black, -40px 120px black, 40px 120px black, 50px 120px black, 60px 120px black, 70px 120px black, 80px 120px black, 90px 120px black, -110px 130px black, -100px 130px #01009c, -90px 130px #01009c, -80px 130px black, -70px 130px black, -60px 130px black, -50px 130px black, 40px 130px black, 50px 130px #01009c, 60px 130px #01009c, 70px 130px #01009c, 80px 130px #01009c, 90px 130px #01009c, 100px 130px black, -120px 140px black, -110px 140px #01009c, -100px 140px #332dff, -90px 140px #01009c, -80px 140px #01009c, -70px 140px #01009c, -60px 140px black, 40px 140px black, 50px 140px #01009c, 60px 140px #01009c, 70px 140px #01009c, 80px 140px #332dff, 90px 140px #332dff, 100px 140px #ff9864, 110px 140px black, -130px 150px black, -120px 150px #01009c, -110px 150px #332dff, -100px 150px #332dff, -90px 150px #332dff, -80px 150px #01009c, -70px 150px black, 50px 150px black, 60px 150px black, 70px 150px #332dff, 80px 150px #01009c, 90px 150px #01009c, 100px 150px #fdc999, 110px 150px #ff9864, 120px 150px black, -130px 160px black, -120px 160px #ff9864, -110px 160px #ffcf6a, -100px 160px #332dff, -90px 160px #332dff, -80px 160px #01009c, -70px 160px black, 70px 160px black, 80px 160px black, 90px 160px #ff9864, 100px 160px #fdc999, 110px 160px #ffcf6a, 120px 160px black, -130px 170px black, -120px 170px #ffcf6a, -110px 170px #fdc999, -100px 170px #fdc999, -90px 170px #ff9864, -80px 170px black, 80px 170px black, 90px 170px black, 100px 170px black, 110px 170px black, -120px 180px black, -110px 180px #fdc999, -100px 180px #ffcf6a, -90px 180px black, -80px 180px black, -110px 190px black, -100px 190px black, -90px 190px black;
}

.shadow {
  -webkit-animation: shadow 1s infinite;
  -webkit-animation-timing-function: linear;
  animation: shadow 1s infinite;
  animation-timing-function: linear;
  background: #5f5f5f;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 470px;
  width: 10px;
  z-index: 80;
  box-shadow: 10px 0 #5f5f5f, -60px 10px #5f5f5f, -50px 10px #5f5f5f, -10px 10px #5f5f5f, 0 10px #5f5f5f, 10px 10px #5f5f5f, 20px 10px #5f5f5f, 30px 10px #5f5f5f, 40px 10px #5f5f5f, 50px 10px #5f5f5f, 60px 10px #5f5f5f, -70px 20px #5f5f5f, -60px 20px #5f5f5f, -50px 20px #5f5f5f, -40px 20px #5f5f5f, -30px 20px #5f5f5f, -20px 20px #5f5f5f, -10px 20px #5f5f5f, 0 20px #5f5f5f, 10px 20px #5f5f5f, 20px 20px #5f5f5f, 30px 20px #5f5f5f, 40px 20px #5f5f5f, 50px 20px #5f5f5f, 60px 20px #5f5f5f, 70px 20px #5f5f5f, -70px 30px #5f5f5f, -60px 30px #5f5f5f, -50px 30px #5f5f5f, -40px 30px #5f5f5f, -30px 30px #5f5f5f, -20px 30px #5f5f5f, -10px 30px #5f5f5f, 0 30px #5f5f5f, 10px 30px #5f5f5f, 20px 30px #5f5f5f, 30px 30px #5f5f5f, 40px 30px #5f5f5f, 50px 30px #5f5f5f, 60px 30px #5f5f5f, 70px 30px #5f5f5f, 80px 30px #5f5f5f, 90px 30px #5f5f5f, -80px 40px #5f5f5f, -70px 40px #5f5f5f, -60px 40px #5f5f5f, -50px 40px #5f5f5f, -40px 40px #5f5f5f, -30px 40px #5f5f5f, -20px 40px #5f5f5f, -10px 40px #5f5f5f, 0 40px #5f5f5f, 10px 40px #5f5f5f, 20px 40px #5f5f5f, 30px 40px #5f5f5f, 40px 40px #5f5f5f, 50px 40px #5f5f5f, 60px 40px #5f5f5f, 70px 40px #5f5f5f, -100px 50px #5f5f5f, -90px 50px #5f5f5f, -80px 50px #5f5f5f, -70px 50px #5f5f5f, -60px 50px #5f5f5f, -50px 50px #5f5f5f, -40px 50px #5f5f5f, -30px 50px #5f5f5f, -20px 50px #5f5f5f, -10px 50px #5f5f5f, 0 50px #5f5f5f;
}

#author {
  display: block;
  font-weight: bold;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  bottom: 20px;
}

#author p {
  margin: 0;
}

#author p + p {
  margin-bottom: 5px;
}</style>
 </HEAD>

 <BODY>
  
        <div id="naruto">
            <section class="head"></section>
            <section class="torso"></section>
            <section class="legs"></section>
            <section class="shadow"></section>
        </div>
 </BODY>
</HTML>

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

fo安方
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
AutoJs源码-1鸣人分身
11-14
AutoJs源码-1鸣人分身。本资源购买前提醒：本源码都是实际autojs项目模板，安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！。3...
火影忍者-鸣人-FBX-3D模型-带动作
05-11
火影忍者-鸣人-FBX-3D模型-带动作 作
HTML学习-Day04
wink_zhenshu的博客
09-14 309
CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。 演示 <hr width="500" color="red...
HTML+CSS--基础学习
nobestnobest的博客
11-23 408
前端有三宝：html,css,javascript;我对html+css的基础学习主要是学习常用html标签和常用css样式及一些样式规则；标签大体构成了我们网页的主要元素；样式对标签的属性调节让我们的网页看起来井井有条，看起来舒服；如果说html是创造了一个网页上的物体,那么css标签可以说就是这个物体的一个形容词,来形容这个物体的形状、颜色、大小、位置种种特征；提示：以下是本篇文章正文内容，下面案例可供参考。
Openjudge-4115-佐助和鸣人
weixin_38167855的博客
12-03 141
这一题是一道广搜的题目，首先我们通过读入字符串读入每一行，然后顺带找到鸣人的位置。 然后我们初始化之后，就进行广搜，还是广搜的格式，但是要压入队列的条件我们可以稍微变一变，我们可以直接判断下一个要走的点，是星号或者是加号，我们就判断是否走过这一点是否走过。 我们判断的依据是，假设我们走这一点，消耗零个查克拉，然后在标记数组里面查看是否为零。 这么说...
前端入门最全学习笔记--html
qq_43464965的博客
05-18 243
常见浏览器介绍 1.1 常见浏览器的内核 （面试，移动端开发）---->渲染引擎 & JS引擎 IE浏览器（Trident）–>edge,360,百度浏览器，猎豹浏览器 火狐浏览器（Gecko）—>代码开源 谷歌浏览器（Blink 渲染引擎，内置于chrome中，是webkit的分支） Edge浏览器（Trident） Safari浏览器(webkit) Opera浏览器（Opera） 1.2web标准 结构(html)标准：整理分类网页元素，xml和xhtml 样式.
JS-数组
aa1062561164的博客
09-13 770
数组 1.数组的概述 js中的数组是可以存放任意数据类型值的集合，数组的元素可以是任意数据类型，数组的长度可以动态调整。 2.数组的创建 字面量方式 由一对中括号“[ ]”包裹数组的元素，元素之间用逗号 “,” 隔开。 //元素可以是任意的数据类型 var arr = [123,"hello",function(){},null]; 构造函数方式 通过Array() 构造函数来创建数组 /*如果传入的参数是一个number类型的整数，则代表创建的数组长度，如果是小数则会报错， 如果是其他类型的则
box-sizing
m0_63338904的博客
11-24 66
可替换元素与不可替换元素 可替换元素： 比如说img标签 不可替换元素： h1和p标签 关于input标签 input标签比较特殊：因为这个标签他有不同的类型 input标签也是一个可替换元素 outline:none; /可以去掉元素选中默认出现的边框/ 超出显示省略号 text-overflow:ellipsis; 不换行 white-space:nowrap; 超出隐藏 overflow:hidden; 关于标签属性和css样式属性 注意：html标签会自带一些标签属性
SpringBoot整合MyBatis-Plus
weixin_43226239的博客
07-13 242
MyBatis-Plus 官方网址：https://mp.baomidou.com/ 简介 MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 特性 无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑 损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作 强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，
2021-11-09
11-09 668
HTML5期末大作业：动漫网站设计——火影忍者动漫(7页) HTML+CSS+JavaScript 漫画网页制作作业_电影网页设计… 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载
python-数据库开发
desv5583的博客
09-02 1039
python-数据库开发(MySQL) 1，初识数据库 1，数据库管理软件的由来 ① 程序所有的组件就不可能运行在一台机器上 因为这台机器一旦挂掉则意味着整个软件的崩溃，并且程序的执行效率依赖于承载它的硬件，而一台机器的性能总归是有限的，受限于目前的硬件水平，就一台机器的性能垂直进行扩展是有极限的。于是我们只能通过水平扩展来增强我们系统的整体性能，这就需要我们将程序的各个组件分布...
74--[九尾鸣人vs洛克李].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码
04-17
74--[九尾鸣人vs洛克李].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码74--[九尾鸣人vs洛克李].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码74--[九尾鸣人vs洛克李].zip源码scratch2.0 3.0编程...
LENOVOTP-80
06-12
TP-80slic2.1 LENOVOTP-80
鸣人mysql管理工具V3.0-易语言
06-11
V3.0更新如下： 1、新增首页右键菜单【打开】、【删除表】、【清空表】； 2、新增表右键2【插入记录】、【刷新】； 3、新增表右键3【编辑数据】、【删除数据】、【复制数据】、【刷新数据】； 4、优化首页图标布局...
前端基础入门三大核心之HTML篇 —— 深入解析从URL请求到页面加载的艺术
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-21 1073
前端技术的博大精深，远不止于此。从HTML的简单解析到复杂的SPA应用，每一步都蕴含着开发者对极致体验的追求。本文旨在为你铺就一条坚实的基础之路，鼓励你不断深入学习，探索新技术，实践新理念。前端的世界日新月异，保持好奇心，勇于实践，你将在这条道路上走得更远。最后，我们期待你在评论区分享你的学习心得、实战经验或是对未来前端发展的独到见解，让我们一起推动Web技术的车轮滚滚向前。欢迎来到我的博客，很高兴能够在这里和您见面！
【SpringMVC】_SpringMVC项目返回HTML与JSON
最新发布
m0_63299495的博客
05-22 892
本专栏已介绍：返回静态页面：【Spring MVC】_SpringMVC项目返回静态页面_mvc 返回当前页面-CSDN博客返回数据：【Spring MVC】_SpringMVC项目返回数据-CSDN博客本篇介绍返回HTML与返回JSON；
【docker】Docker的基本指令和HTML/PYTHON/C++的简单创建示例
朝花夕拾
05-22 1755
本文介绍了 Docker 的基本指令，包括如何创建、运行和管理 Docker 容器。同时，通过 HTML、Python 和 C++ 三种语言分别演示了如何在 Docker 中创建简单的应用程序。读者将了解如何使用 Docker 构建和运行不同语言的应用程序，并掌握 Docker 的基本操作技巧。
python+pytest+pytest-html+allure集成测试案例
codelearning的专栏
05-21 727
为pytest-html的参数，运行测试后，会在当前路径下生成report.html的报告，同时html集成了CSS样式内容。下面是python+pytest+pytest-html+allure四个组件同时集成使用的简单案例。src/main.py文件内容如下，实现一个接口，通过requests的get方法请求测试站点的资源。为allure-pytest的参数，指定allure结果文件的路径。由于测试站点在国外，测试时偶尔会出现网络问题，可以多运行几次测试。文件，指示当前文件夹为一个包。
鸣人螺旋丸python
07-17
你可以使用Python编写一个模拟鸣人使用螺旋丸的程序。以下是一个简单的示例代码： ```python import math def naruto_rasengan(power): print("使用螺旋丸！") print("威力：", power) if power < 100: print("螺旋丸威力不足！") else: print("螺旋丸发射成功！") distance = power * 0.1 angle = math.radians(45) x = distance * math.cos(angle) y = distance * math.sin(angle) print("螺旋丸落点坐标：(%.2f, %.2f)" % (x, y)) # 调用函数，传入螺旋丸的威力 naruto_rasengan(120) ``` 这个示例代码定义了一个名为`naruto_rasengan`的函数，它接受一个参数`power`，表示螺旋丸的威力。根据螺旋丸的威力，程序会输出相应的信息，包括使用螺旋丸、螺旋丸的威力、螺旋丸是否发射成功以及螺旋丸的落点坐标。 在示例代码中，我们假设螺旋丸发射的距离与威力成正比，并且落点角度为45度。根据这些假设，我们计算出螺旋丸的落点坐标，并输出到控制台。 你可以根据需要修改代码，并按照实际情况进行扩展。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fo安方

觉得俺的文章还行，感谢打赏，爱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值