html 文字旋转动画效果,CSS3动画效果示例之旋转文字

效果,CSS3动画效果示例之旋转文字"/>

html 文字旋转动画效果,CSS3动画效果示例之旋转文字

这是学习css3动画效果的示例，动态不停旋转文字。

可以参考网址：.html

这是简单效果图截屏。

首先HTML代码如下：

We design & develop

beautiful websites

interesting apps

impactful identities

working strategies

incredible gadgets

intelligent systems

that captivate your users

that create huge revenue

that make you stand out

that will push you forward

that make your life easy

that automatize processes

Span中的文字会自动一个接一个展示，之间有切换效果。

CSS代码:

@media screen and (max-width: 1060px){

.rw-words{ height: 55px; }

.rw-words-1 span{ font-size: 280%; text-indent: 5px;}

.rw-words-2 span { font-size: 160%; }

}

@media screen and (max-width: 560px){

.rw-words{ height: 40px; }

.rw-words-1 span{ font-si