YongHu_UI/css/style4.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@font-face {
    font-family: 'Ubuntu-Regular';
    src:url(../fonts/Ubuntu-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'Oxygen-Regular';
	src:url(../fonts/Oxygen-Regular.ttf) format('truetype');
}
.rw-wrapper{
	position: relative;
	padding: 13em 0 0;
}
.rw-sentence{
	margin: 0;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
	font-size: 30px;
}
.rw-sentence span{
	color: #000;
	white-space: nowrap;
}
.rw-sentence > span:first-child{
	display: block;
	text-indent: 5px;
	font-size: 3em;
	font-family: 'Ubuntu-Regular';
}
.rw-words{
	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	width: 100%;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
}
.rw-words-1 span{
font-family:'Oxygen-Regular';
	font-size: 1.2em;
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-moz-animation: rotateWordsFirst 18s linear infinite 0s;
	-o-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
	line-height: 1.4em;
}
.rw-words-2 span{
	font-size: 2em;
	font-style: italic;
	text-indent: 5px;
	color: #F67777;	
	font-family: 'Ubuntu-Regular';
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;