css3实现文字闪烁，改变透明度

Question

只用css，怎么实现文字的透明度从1到0.5一直动画，有一种闪烁的感觉

Answer 1

CSS3的animation即可：<style>&nbsp; &nbsp; @-webkit-keyframes shake{&nbsp; &nbsp; &nbsp; &nbsp; 0%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; 50%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 0.5;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; 100%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }@keyframes shake{&nbsp; &nbsp; &nbsp; &nbsp; 0%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; 50%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 0.5;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; 100%{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opacity: 1;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; .shake{&nbsp; &nbsp; &nbsp; &nbsp; -webkit-animation: shake 2s infinite;&nbsp; &nbsp; &nbsp; &nbsp; animation: shake 2s infinite;&nbsp; &nbsp; }</style><h1 class="shake">hello world</h1>