SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html>
<head>
<style>
#scroll-container {
  width: 300px;
  height: 250px;
  overflow: hidden;
  position: relative;
}

#scroll-text {
  position: absolute;
  width: 100%;
  height: 200%;
  margin: 0;
  line-height: 25px;
  text-align: center;
  -webkit-animation: scroll-text 30s linear infinite;
  animation: scroll-text 30s linear infinite;
}

@-webkit-keyframes scroll-text {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes scroll-text {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
</style>
</head>
<body>

<div id="scroll-container">
  <p id="scroll-text">This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically. This text will scroll automatically.</p>
</div>

</body>
</html>