a1300399510@qq.com 提交于 2023/04/04 -18:40:01

This commit is contained in:
XiaoMo 2023-04-04 18:40:11 +08:00
parent a3f06d7402
commit d7d50d514e

View File

@ -1078,18 +1078,17 @@ export default {
background-color: transparent;
/deep/ {
.bubble {
position: absolute;
width: 40px;
height: 40px;
left: 0;
left: 50%;
bottom: 0px;
background-repeat: no-repeat;
background-size: 100%;
transform-origin: bottom;
animation: like 1s ease-out, sway 0.2s ease-in-out infinite;
animation: like 3s ease-out, sway 1s ease-in-out infinite;
animation-fill-mode: forwards;
}
@keyframes like {
@ -1100,21 +1099,19 @@ export default {
100% {
opacity: 0;
transform: translate(-50%, -50px);
transform: translate(-50%, -200px);
}
}
@keyframes bubble_1 {
@keyframes sway {
25% {
margin-left: -10px;
margin-left: random(20) + px;
}
50% {
margin-left: -10px;
margin-left: random(20) + px;
}
100% {
margin-left: -18px;
margin-left: random(20) + px;
}
}