最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘：达米拉
少年西游记2
24小时阅读排行榜
- 1 带有 GraalVM Native Image 的 Lambda 函数 - 使用不同的 Lambda 内存设置部分缓解冷启动和热启动
- 2 如何计算 Go 数据库中的行数？
- 3 真是拖累...
- 4 如何向 Java 线程传递参数？
- 5 准备好的语句如何增强 MySQL 中的数据库安全性？
- 6 如何在 Go JSON 中将 []byte 解码为字符串？
- 7 龙腾世纪：面纱卫士 - 如何解决德拉莫特庄园谜题
- 8 如何从存储过程中动态指定的表中检索数据？
- 9 如何按多个列值对多维数组进行分组并对另一列的值求和？
- 10 如何使用 Gorm 和 EWKB 插入和选择 PostGIS 几何类型？
- 11 如何使用 .htaccess 创建干净的 URL？
- 12 为什么直接附加到 Go Map 中的切片不能按预期工作？
- 13 当您删除 MySQL 中的父行时会发生什么？了解删除行为和默认选项。
- 14 dpvacm.dll - 什么是 dpvacm.dll？
- 15 在 MinGW 中使用 wWinMain 时，为什么我会收到“对‘WinMain’的未定义引用”？
最新教程
-
- 国外Web开发全栈课程全集
- 1687 2024-04-24
-
- Go语言实战之 GraphQL
- 1964 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3386 2024-04-18
-
- python大神Mosh，零基础小白6小时完全入门
- 2917 2024-04-10
-
- MySQL 初学入门（mosh老师）
- 1778 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2595 2024-03-29
这是一款纯css3实现的太空中宇航员掉落动画效果
<style>
*{
margin: 0;
padding: 0;
}
body{
background-color: #102037;
overflow: hidden;
}
@-webkit-keyframes snow {
0% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }
20%{ opacity: 1;}
100% { opacity: 1; -webkit-transform: translateY(650px); transform: translateY(650px); }
}
@keyframes snow {
0% { opacity: 0; -webkit-transform: translateY(0px); transform: translateY(0px); }
20%{ opacity: 1;}
100% { opacity: 1; -webkit-transform: translateY(650px); transform: translateY(650px); }
}
@-webkit-keyframes astronaut{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.box-of-star1,
.box-of-star2,
.box-of-star3,
.box-of-star4{
width: 100%;
position: absolute;
z-index: 10;
left: 0;
-webkit-transform: translateY(650px);
transform: translateY(650px);
}
.box-of-star1{
-webkit-animation: snow 5s linear infinite;
}
.box-of-star2{
-webkit-animation: snow 5s -1.64s linear infinite;
}
.box-of-star3{
-webkit-animation: snow 5s -2.30s linear infinite;
}
.box-of-star4{
-webkit-animation: snow 5s -3.30s linear infinite;
}
.star{
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #FFF;
position: absolute;
z-index: 10;
opacity: .7;
}
.star:before{
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #FFF;
position: absolute;
z-index: 10;
top: 40px;
left: 70px;
opacity: .7;
}
相关推荐
热门推荐
H5 3D滚球游戏源码
碉堡的html5粒子动画表白特效