
最新下载
24小时阅读排行榜
- 1 Excel如何快速删除表格中的重复数据_Excel删除重复项数据去重操作步骤
- 2 css transition与transform translateY垂直移动
- 3 JavaScript元编程深入解析
- 4 如何用css设置animation-delay延迟效果
- 5 sublime怎么配置eslint进行js语法检查_Sublime集成ESLint进行JavaScript语法检查配置
- 6 VSCode入门:基础配置与插件推荐
- 7 win11触摸屏校准功能在哪里_win11触摸屏校准功能使用教程
- 8 可米酷漫画在线入口网址_ 可米酷漫画官方免费链接
- 9 WPS为什么文件打开显示乱码_WPS乱码问题排查与解决
- 10 windows10提示“windows无法访问指定设备、路径或文件”_windows10无法访问文件或路径修复方法
- 11 VSCode代码镜头提供者配置
- 12 Bilibili青少年模式官网_Bilibili安全中心官方网站地址
- 13 如何用WPS制作数据对比分析表_WPS数据对比表制作步骤
- 14 Golang模块版本管理与升级策略解析
- 15 c++如何遍历和修改map中的value_c++修改map中value值方法
最新教程
-
- Node.js 教程
- 5687 2025-08-28
-
- CSS3 教程
- 825568 2025-08-27
-
- Rust 教程
- 8924 2025-08-27
-
- Vue 教程
- 10942 2025-08-22
-
- PostgreSQL 教程
- 8693 2025-08-21
-
- Git 教程
- 4626 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新年快乐文字动画特效,字体是外部引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你的眼光选择字体。

