最新下载
24小时阅读排行榜
- 1 ChatExcel进行文本转数字_ChatExcel文本数值转换与格式化
- 2 在css中animation-delay延迟使用
- 3 css制作模态弹窗样式技巧
- 4 如何在Golang中使用VS Code远程开发
- 5 瑞达写作官网登录端点 瑞达写作App官方最新下载点
- 6 JavaScript函数式编程范式与实用技巧
- 7 win11怎么解决应用商店错误代码0x80072f30_Win11应用商店0x80072f30错误修复方法
- 8 win11玩英雄联盟fps低怎么办 win11玩LOL低帧率优化方法
- 9 华为MateView 32对决戴尔U3223QE:专业级显示器的色彩与护眼之战,为谁的眼睛买单更值?
- 10 c++中智能指针shared_ptr和unique_ptr的使用场景 _c++智能指针应用场景与管理技巧
- 11 在css中如何避免margin塌陷问题
- 12 composer如何处理 require-dev 依赖在生产环境安装的问题
- 13 京东双十一满减活动怎么参与 京东跨店满减计算方式讲解
- 14 XML特殊字符如何处理
- 15 c++怎么安全地关闭一个正在运行的线程_c++线程终止与资源安全回收方法
最新教程
-
- Node.js 教程
- 6009 2025-08-28
-
- CSS3 教程
- 887689 2025-08-27
-
- Rust 教程
- 9675 2025-08-27
-
- Vue 教程
- 11786 2025-08-22
-
- PostgreSQL 教程
- 9116 2025-08-21
-
- Git 教程
- 4759 2025-08-21
<style>
@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;
}
}
</style>
一款好看的CSS3绘制2018新年快乐文字动画特效,字体是外部引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你的眼光选择字体。


