css3文字炫彩电音效果

2019-04-14 19:30发布

偶然在Maroon 5的官网看到这样的文字效果真的很酷就记录下来 感兴趣的话也可以自己去看飞机票 刚好在写小程序就在小程序中模仿了下 html: css: .css3 { margin: 40px; font-size: 30px; color: #000; font-weight: bold; animation: dubstep 1.2s infinite ease; } @keyframes dubstep{ 0%, 100% { text-shadow: 0 0 0 #000; } 40% { text-shadow: 10px 0 0 #f189d1; } 43%, 45% { text-shadow: 10px 0 0 #f189d1, 30px 0 0 #02def2, -20px 0 0 #22ff41; color: #272727; } 44% { text-shadow: 10px 0 0 #f189d1, 30px 7px 0 #02def2, -20px -5px 0 #22ff41; color: rgba(255,255,255,.2); } } 效果: