最新下载
24小时阅读排行榜
- 1 html中如何填充_HTML表单/元素(input/textarea)内容填充方法
- 2 css过渡与边框border变化结合
- 3 mysql输入正确密码连接不上怎么办
- 4 使用VSCode的Bookmarks插件管理代码书签
- 5 qq浏览器账号被盗了怎么找回_qq浏览器账号安全找回步骤
- 6 AO3官方网址导航_中文版网页直接进入
- 7 sublime怎么配置python的linter_sublime设置Python代码检查教程
- 8 如何在CSS Grid中实现响应式图片列表_网格布局与媒体查询结合
- 9 vscode同步插件支持哪些平台_vscode同步插件兼容平台介绍与说明
- 10 vscode怎么用git推送标签_vscode将git标签推送到远程仓库的方法
- 11 ES6+新特性在现代化项目中的实践应用
- 12 苹果14 Pro如何清理App缓存_iPhone 14 Pro App缓存清理教程
- 13 夸克网页版下载入口 夸克网盘网页版文件下载教程
- 14 如何禁止mysql开机自启
- 15 Windows安装到“准备就绪”界面卡很久怎么办?
最新教程
-
- Node.js 教程
- 7131 2025-08-28
-
- CSS3 教程
- 1010645 2025-08-27
-
- Rust 教程
- 11308 2025-08-27
-
- Vue 教程
- 13535 2025-08-22
-
- PostgreSQL 教程
- 10377 2025-08-21
-
- Git 教程
- 5060 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新年快乐文字动画特效,字体是外部引用谷歌的某种英文字体样式,如果换成中文汉字的话,可以根据你的眼光选择字体。

