1、新建html文档。
3、书写css代码。body { margin: 0px; text-align: center; padding-top: 43vh; color: #fff; font-family: 'Microsoft YaHei', 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif; font-size: 36px; font-weight: 100; overflow: hidden; ani mation: bg 5s linear infinite; }.dropping-texts { display: inline-block; width: 180px; text-align: left; height: 38px; }.dropping-texts > div { font-size: 0px; opacity: 0; margin-left: -30px; position: absolute; font-weight: 300; box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5); }.dropping-texts > div:nth-child(1) { ani mation: roll 5s linear infinite 0s; }.dropping-texts > div:nth-child(2) { ani mation: roll 5s linear infinite 1s; }.dropping-texts > div:nth-child(3) { ani mation: roll 5s linear infinite 2s; }.dropping-texts > div:nth-child(4) { ani mation: roll2 5s linear infinite 3s; }
5、代码整体结构。
