最新下载
jQuery点击文字滚动Scrollocue插件
24小时阅读排行榜
- 1 如何使用Golang理解指针与引用传递_避免不必要的内存拷贝
- 2 什么是JavaScript类型转换_隐式转换的规则有哪些
- 3 如何用Golang实现异步事件处理_Golang 异步事件处理实践
- 4 什么是XML бом(Byte Order Mark)
- 5 如何使用Golang安装并配置Delve调试器_支持断点和代码单步调试
- 6 如何在Docker容器中处理XML文件
- 7 C++中的短路求值是什么?C++逻辑运算符(&&, ||)效率陷阱【语言细节】
- 8 C#如何将一个XML文档的片段导入另一个文档
- 9 C#怎么使用using语句 C# IDisposable接口与资源释放方法
- 10 XSD的xs:assert怎么实现复杂的跨字段验证
- 11 mysql如何验证升级是否成功_mysql升级校验方法
- 12 Golang如何使用gRPC实现流控与限流_Golang gRPC流控限流机制实践
- 13 Python构建图结构数据分析平台的底层算法设计与处理方法【教程】
- 14 Python ElementTree怎么删除一个节点
- 15 EF Core怎么调试查询问题 EF Core调试技巧与方法
最新教程
-
- Node.js 教程
- 14164 2025-08-28
-
- CSS3 教程
- 1540814 2025-08-27
-
- Rust 教程
- 21871 2025-08-27
-
- Vue 教程
- 24376 2025-08-22
-
- PostgreSQL 教程
- 21090 2025-08-21
-
- Git 教程
- 8309 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新年快乐文字动画特效,字体是外部引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你的眼光选择字体。
