php 文字动画,CSS3绘制2018新年快乐文字动画特效

CSS3绘制2018新年快乐文字动画特效

@import url("https://fonts.googleapis.com/css?family=Ultra");

body {

background-color: #070707;

font-family: 'Ultra', serif;

}

.container {

height: 250px;

width: 450px;

padding: 0;

margin: 0;

position: fixed;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin: auto;

list-style-type: none;

border-radius: 10px;

text-align: center;

color: #E8DDB5;

font-size: 4rem;

line-height: 1;

}

.container .newYear {

display: inline-block;

font-size: 8rem;

margin: 0;

left: 50%;

transform: translateX(-50%);

position: absolute;

margin: auto;

color: #070707;

animation: animate 2s ease infinite;

bottom: 0;

}

@keyframes animate {

0%,100% {

text-shadow: 4px 0px 1px #E8DDB5, 6px 0px 1px #E8DDB5, 8px 0px 1px #E8DDB5, 10px 0px 1px #E8DDB5;

}

50% {

text-shadow: -4px 0px 1px #E8DDB5, -6px 0px 1px #E8DDB5, -4px 0px 1px #E8DDB5, -10px 0px 1px #E8DDB5;

}

}

一款好看的CSS3绘制2018新年快乐文字动画特效，字体是外部引用谷歌的某种英文字体样式，如果换成中文汉字的话，可以根据你的眼光选择字体。

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767