介绍下核心css
.face__bubble {
position: absolute;
left: 2.5vw;
bottom: 0;
width: 0;
height: 0;
border-radius: 50% 50% 50% 50%/100% 50% 50% 0;
background-color: var(--green);
animation: bubble ease-in-out 5000ms infinite;
z-index: 100;
mix-blend-mode: difference;
}
/*这段css 就是吹泡泡的过程*/
你能想到这是描写耳朵的css一部份吗
.ear-l, .ear-r {
position: absolute;
width: 1.75vw;
height: 1.75vw;
background-color: var(--white);
border-top-left-radius: 1vw;
border-bottom-left-radius: 1vw;
border-bottom-right-radius: 1vw;
animation: ear-l ease-in-out 300ms infinite alternate;
}