文本/链接
CSS3炫酷文字动画特效
PetitQ
这是一款使用纯 css3 制作的文字动画特效。这款炫酷 css3 文字特效共有 5 种效果：上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和 3d 翻转效果。这些特效的主要思想是使用 CSS animations 来使一个句子产生旋转、缩放等动画效果。
HTML 结构
html 结构是使用 h2 标签包含住固定不动的文字(span 中的内容)和用于旋转等动画的文字(class 为 rw-words 的 div)。
也想出现在这里？联系我们吧
<section class="rw-wrapper">
<h2 class="rw-sentence">
<span>Real poetry is like</span>
<span>creating</span>
<div class="rw-words rw-words-1">
<span>breathtaking moments</span>
<span>lovely sounds</span>
<span>incredible magic</span>
<span>unseen experiences</span>
<span>happy feelings</span>
<span>beautiful butterflies</span>
</div>
<br />
<span>with a silent touch of</span>
<div class="rw-words rw-words-2">
<span>sugar</span>
<span>spice</span>
<span>colors</span>
<span>happiness</span>
<span>wonder</span>
<span>happiness</span>
</div>
</h2>
</section>
css 代码请参考下载文件。
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
