<div><span>欢</span><span>迎</span><span>来</span><span>到</span><span><strong>黑白两客</strong></span><span>的</span><span>博</span><span>客</span><br/><span><a href="https://www.csdn.net/" target="_blank" class="ab">进入</a></span><div id="times" class="a"></div></div>

<style type="text/css">body{background-color:pink;}div{text-align: center;margin: 200px auto;}.a{width:100px ;background-color: #00FFFF;color: #FF0000;font-weight: bold;}span{position: relative;text-align: center;color: white;font-size: 42px;animation: letter 1s cubic-bezier(0.1,0.5,0.2,1) infinite alternate;top: 0px;}span:nth-child(1){animation-delay: 0s;}span:nth-child(2){animation-delay: 0.1s;}span:nth-child(3){animation-delay: 0.2s;}span:nth-child(4){animation-delay: 0.3s;}span:nth-child(5){color: black;animation-delay: 0.4s;}span:nth-child(6){animation-delay: 0.5s;}span:nth-child(7){animation-delay: 0.6s;}span:nth-child(8){animation-delay: 0.7s;}.ab{text-decoration: none;}@keyframes letter{from{top: 0px;text-shadow: blanchedalmond 0 0 0.05em;}to{top: 30px;text-shadow: blanchedalmond 0 1em 0.2em;}}</style>

<script type="text/javascript" >function getD1(){ 			/*时间滚动*/var date = new Date();var d1 = date.toLocaleString();var div1 = document.getElementById("times");div1.innerHTML = d1;}setInterval("getD1();",1000);	</script>

实现效果：