1
I've Joined Google! ✨
source link: https://codepen.io/jh3y/pen/ExooOwy
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
I've Joined Google! ✨
0 unsaved changes
xxxxxxxxxx
<div class="scene">
<div class="bear-wrapper"><svg class="bear" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 296 742 480">
<path class="bear__ear bear__ear--left" d="M218 409c0-57.438-46.562-104-104-104S10 351.562 10 409s46.562 104 104 104" stroke="#000" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
<path class="bear__ear bear__ear--squished bear__ear--squished-right" d="M522 407C522 349.562 528.562 283 586 283C626 283 648 313.562 648 371C648 453 636 481 626 511" stroke="#F81818" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
<path class="bear__ear bear__ear--squished bear__ear--squished-left" d="M218 409C218 351.562 211.438 285 154 285C114 285 92 315.562 92 373C92 455 104 483 114 513" stroke="#F81818" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
<!-- <path d="M522 407c0-57.438 6.562-124 64-124 40 0 62 30.562 62 88 0 82-12 110-22 140M218 409c0-57.438-6.562-124-64-124-40 0-62 30.562-62 88 0 82 12 110 22 140" stroke="#F81818" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/> -->
<path class="bear__ear bear__ear--right" d="M628 513c57.438 0 104-46.562 104-104s-46.562-104-104-104-104 46.562-104 104" stroke="#000" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
<!-- <path d="M539 647c13.807 0 25-11.193 25-25s-11.193-25-25-25-25 11.193-25 25 11.193 25 25 25ZM203 647c13.807 0 25-11.193 25-25s-11.193-25-25-25-25 11.193-25 25 11.193 25 25 25ZM435 721c0 25.405-30.534 54-64.5 54S306 746.405 306 721s30.534-38 64.5-38 64.5 12.595 64.5 38Z" fill="#000"/> -->
<g class="bear__eyes">
<path class="bear__eye" d="M539 647C552.807 647 564 635.807 564 622C564 608.193 552.807 597 539 597C525.193 597 514 608.193 514 622C514 635.807 525.193 647 539 647Z" fill="black"/>
<path class="bear__eye" d="M203 647C216.807 647 228 635.807 228 622C228 608.193 216.807 597 203 597C189.193 597 178 608.193 178 622C178 635.807 189.193 647 203 647Z" fill="black"/>
</g>
<path class="bear__nose" d="M435 721C435 746.405 404.466 775 370.5 775C336.534 775 306 746.405 306 721C306 695.595 336.534 683 370.5 683C404.466 683 435 695.595 435 721Z" fill="black"/>
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK