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; background-color: transparent;
/deep/ { /deep/ {
.bubble { .bubble {
position: absolute; position: absolute;
width: 40px; width: 40px;
height: 40px; height: 40px;
left: 0; left: 50%;
bottom: 0px; bottom: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
transform-origin: bottom; 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 { @keyframes like {
@ -1100,21 +1099,19 @@ export default {
100% { 100% {
opacity: 0; opacity: 0;
transform: translate(-50%, -50px); transform: translate(-50%, -200px);
} }
} }
@keyframes bubble_1 { @keyframes sway {
25% { 25% {
margin-left: -10px; margin-left: random(20) + px;
} }
50% { 50% {
margin-left: -10px; margin-left: random(20) + px;
} }
100% { 100% {
margin-left: -18px; margin-left: random(20) + px;
} }
} }