最新下载
24小时阅读排行榜
- 1 php怎么调试接口接口文档_php接口文档编写与接口调试对应方法
- 2 系统重装后驱动安装顺序指南
- 3 Golang如何构建简单的库存统计项目
- 4 双系统安装教程_Windows+Linux共存配置
- 5 Python入门如何安装第三方库_Python入门包管理的必备技能
- 6 如何在mysql中设计商品评价系统
- 7 三星S26系列传闻大乱斗:相机升级成谜 电池暗藏惊喜
- 8 圆通快递查询入口首页 圆通物流包裹运输进度查询
- 9 百度AI官方主页直达地址_百度AI官网链接入口最新版本
- 10 夸克A眼镜怎么开机_夸克A眼镜开机步骤与注意事项详细说明
- 11 jquery中如何使用val()方法取值?
- 12 如何清理vivo云服务空间 怎么清理vivo云服务的空间
- 13 如何编辑网页HTML中的网格系统_如何编辑网页HTML中使用Bootstrap网格系统的方法
- 14 笔记本电脑电池保养秘籍
- 15 如何在Linux服务器上设置一个自动抓取RSS的Cron Job_在Linux服务器设置自动抓取RSS的Cron Job
最新教程
-
- Node.js 教程
- 7808 2025-08-28
-
- CSS3 教程
- 1082147 2025-08-27
-
- Rust 教程
- 12335 2025-08-27
-
- Vue 教程
- 14528 2025-08-22
-
- PostgreSQL 教程
- 11204 2025-08-21
-
- Git 教程
- 5257 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新年快乐文字动画特效,字体是外部引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你的眼光选择字体。

