最新下载
jquery人才网弹出选择地区
24小时阅读排行榜
- 1 如何用javascript编写可测试的代码【教程】
- 2 Go race detector 怎么用？常见数据竞争场景汇总
- 3 php数据库怎么进主从复制的mysql_php连主从mysql法【教程】
- 4 php连接clickhouse用http还是tcp_php连clickhouse协议选【技巧】
- 5 css 字体颜色不生效怎么办_color 属性与选择器优先级
- 6 Golang Web接口如何做参数校验_Golang参数校验最佳实践
- 7 Go语言中的类型断言（Type Assertion）详解
- 8 如何让段落文本自动换行且无首行缩进或额外缩进
- 9 css 想实现弹窗覆盖所有内容怎么办_position fixed top 0 left 0 width height 100%
- 10 javascript如何进行数据验证_正则表达式如何应用【教程】
- 11 Golang反射如何判断是否为struct_Golang类型检测方法
- 12 如何为 Google Places 评论项动态插入品牌 Logo 图片
- 13 如何使用Golang开发简易计算器_Golang基础语法综合项目实战
- 14 html5滤镜怎么实现马赛克_html5马赛克滤镜js写法【步骤】
- 15 如何在表单提交时安全检测文件输入是否为空并正确处理 objectURL
最新教程
-
- Node.js 教程
- 16205 2025-08-28
-
- CSS3 教程
- 1546738 2025-08-27
-
- Rust 教程
- 23337 2025-08-27
-
- Vue 教程
- 25797 2025-08-22
-
- PostgreSQL 教程
- 22277 2025-08-21
-
- Git 教程
- 9256 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新年快乐文字动画特效，字体是外部引用谷歌的某种英文字体样式，如果换成中文汉字的话，可以根据你的眼光选择字体。
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
