jQuery网页文字跳动动画特效

1、新建html文档。

3、书写css代码。<style>* { padding: 0px; margin: 0px; background: #333; color: #fff; font-size: 30px; }.container { margin: 50px auto; width: 1100px; position: relative; }.container p { text-align: center; padding: 10px auto; }/*下面两个是核心样式*/.beat-char { line-height: 3.4em; position: relative; display: inline-block; background: transparent; }.rotate { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); -webkit-transition-duration: 0.7s; }</style>

5、代码整体结构。