视频直播网站源码，CSS实现吃豆豆效果

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <meta http-equiv="X-UA-Compatible" content="ie=edge"><br>    <title>吃豆豆</title><br></head><br><style><br>    body {<br>        <br>    }<br>    <br>    div {<br>        /* background-color: aqua; */<br>        width: 200px;<br>        height: 200px;<br>        margin-top: 100px;<br>        border-radius: 100px;<br>        box-shadow: 300px 0 0 -75px aqua, 450px 0 0 -75px aqua, 600px 0 0 -75px aqua, 750px 0 0 -75px aqua;<br>        animation: peas 1s infinite;<br>    }<br>    <br>    div:before,<br>    div:after {<br>        content: "";<br>        display: block;<br>        width: 200px;<br>        height: 100px;<br>        background-color: yellow;<br>        margin-left: 150px;<br>    }<br>    <br>    div:before {<br>        border-radius: 100px 100px 0 0;<br>        transform: rotate(-25deg);<br>        animation: mouthTop 1s infinite;<br>    }<br>    <br>    div:after {<br>        border-radius: 0 0 100px 100px;<br>        transform: rotate(25deg);<br>        animation: mouthbottom 1s infinite;<br>    }<br>    <br>    @keyframes mouthTop {<br>        0% {<br>            transform: rotate(0deg)<br>        }<br>        50% {<br>            transform: rotate(-25deg);<br>        }<br>        100% {<br>            transform: rotate(0deg);<br>        }<br>    }<br>    <br>    @keyframes mouthbottom {<br>        0% {<br>            transform: rotate(0deg)<br>        }<br>        50% {<br>            transform: rotate(25deg);<br>        }<br>        100% {<br>            transform: rotate(0deg);<br>        }<br>    }<br>    <br>    @keyframes peas {<br>        0% {<br>            box-shadow: 300px 0 0 -75px aqua, 450px 0 0 -75px aqua, 600px 0 0 -75px aqua, 750px 0 0 -75px aqua;<br>        }<br>        100% {<br>            box-shadow: 150px 0 0 -75px aqua, 300px 0 0 -75px aqua, 450px 0 0 -75px aqua, 600px 0 0 -75px aqua;<br>        }<br>    }<br></style><br><body><br>    <div></div><br></body><br></html>