CSS3-纯CSS3炫酷文字动画特效 | 蓝文资源库 – 海量优质开发设计资源分享平台

这是一款纯css3制作的炫酷文字动画特效插件。这些特效的主要思想是使用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代码请参考下载文件。

在线预览网盘下载

网盘下载密码:c9ax

郑重声明：

1 本资源来源于互联网，资源的版权归资源原作者所持有，受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系，所以上传的部分资源无法先通过原作者的同意就分享给大家了，如本资源侵犯了您（原作者）的权益，请联系我们（微信号 xiaohaimei1989），我们会立马删除您的资源，并向您表达诚挚的歉意！

3 本站是一个公益型网站，分享资源的目的在于传播知识，分享知识，收取一点点打赏的辛苦费是用于网站的日常运营开支，并非用于商业用途。

4 本站资源只提供学习和参考研究使用，使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

一	二	三	四	五	六	日
« 12月
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

HTML

郑重声明：

相关文章

发表评论 取消回复

发表评论取消回复