generated from ztimson/template
ztimson
5018311990
All checks were successful
Build and publish / Build Container (push) Successful in 1m28s
31 lines
669 B
XML
31 lines
669 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50" class="mouth closed">
|
|
<defs>
|
|
<style>
|
|
.mouth-path {
|
|
stroke: #000;
|
|
stroke-width: 2;
|
|
transition: d 0.15s ease-out;
|
|
}
|
|
|
|
/* Closed state - slight natural curve smile */
|
|
.mouth.closed .mouth-path {
|
|
d: path("M 20 25 Q 50 30 80 25");
|
|
}
|
|
|
|
/* Partial open - opens downward */
|
|
.mouth.partial .mouth-path {
|
|
fill: #ff6b9d;
|
|
d: path("M 20 25 Q 50 35 80 25");
|
|
}
|
|
|
|
/* Open - wider downward opening */
|
|
.mouth.open .mouth-path {
|
|
fill: #ff6b9d;
|
|
d: path("M 20 25 Q 50 42 80 25");
|
|
}
|
|
</style>
|
|
</defs>
|
|
|
|
<path class="mouth-path" d="M 20 25 Q 50 28 80 25"/>
|
|
</svg>
|