纯CSS螺旋上升的文本动画特效

一款纯CSS螺旋上升的文本动画特效，页面加载完成后，预设的多行文本按照螺旋上升的方式逐渐显示出来，所有文本均可自由替换。

分类：文字特效 > 文字动画难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面元素的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css"/>

页面的body部分，一个ul无序列表里面放入多个li标签，用来显示多行文本内容，代码如下：

<ul>  
	<li>
		Out on the wiley, windy moors
	</li>
	<li>
		We'd roll and fall in green.
	</li>
	<li>
		You had a temper like my jealousy:
	</li>
	<li>
		Too hot, too greedy.
	</li>
	<li>
		How could you leave me,
	</li>
	<li>
		When I needed to possess you?
	</li>
	<li>
		I hated you. I loved you, too.
	</li>
	<li>
		Bad dreams in the night.
	</li>
	<li>
		They told me I was going to lose the fight,
	</li>
	<li>
		Leave behind my wuthering, wuthering
	</li>
	<li>
		Wuthering Heights.
	</li>
	<li>
		Heathcliff, it's me--Cathy.
	</li>
	<li>
		Come home. I'm so cold!
	</li>
	<li>
		Let me in-a-your window.
	</li>
	<li>
		Heathcliff, it's me--Cathy.
	</li>
	<li>
		Come home. I'm so cold!
	</li>
</ul>