a1300399510@qq.com 提交于 2023/04/04 -18:40:01
This commit is contained in:
parent
a3f06d7402
commit
d7d50d514e
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user