Improve animated film bird

This commit is contained in:
KoalaDev
2026-07-12 03:28:05 +02:00
parent ea0970df72
commit c7c124dac7
5 changed files with 215 additions and 143 deletions
+24 -8
View File
@@ -482,8 +482,12 @@
<path d="M0,84 Q80,82 160,84 T320,84 L320,92 L0,92 Z" fill="#040903"/>
</g>
<g class="film-hero-bird-drift">
<g class="film-hero-bird" stroke="#dbd7cd" stroke-width="1.1" fill="none" stroke-linecap="round">
<path d="M64,33 q4.5,-4.5 9,0 q4.5,-4.5 9,0"/>
<g class="film-hero-bird" aria-hidden="true">
<path class="film-bird-wing film-bird-wing-left" d="M74.5,34.5 C70.5,29 66,27.8 61.5,30 C66.2,30.1 70.2,32.5 75,36"/>
<path class="film-bird-wing film-bird-wing-right" d="M76.5,34.5 C80.8,29.2 85.2,28.5 89.5,31 C84.9,30.9 81.2,33 76,36"/>
<path class="film-bird-body" d="M71.5,34.2 C72.8,31.8 75.1,30.8 77.5,31.4 C79.5,31.9 80.8,33.5 81.1,35.4 C78.2,37 74.3,36.9 71.5,34.2 Z"/>
<circle class="film-bird-eye" cx="78.8" cy="33" r="0.55"/>
<path class="film-bird-beak" d="M80.2,33.2 L83,34 L80.3,34.7 Z"/>
</g>
</g>
</svg>
@@ -580,8 +584,12 @@
<path d="M0,84 Q80,82 160,84 T320,84 L320,92 L0,92 Z" fill="#040903"/>
</g>
<g class="film-hero-bird-drift">
<g class="film-hero-bird" stroke="#dbd7cd" stroke-width="1.1" fill="none" stroke-linecap="round">
<path d="M64,33 q4.5,-4.5 9,0 q4.5,-4.5 9,0"/>
<g class="film-hero-bird" aria-hidden="true">
<path class="film-bird-wing film-bird-wing-left" d="M74.5,34.5 C70.5,29 66,27.8 61.5,30 C66.2,30.1 70.2,32.5 75,36"/>
<path class="film-bird-wing film-bird-wing-right" d="M76.5,34.5 C80.8,29.2 85.2,28.5 89.5,31 C84.9,30.9 81.2,33 76,36"/>
<path class="film-bird-body" d="M71.5,34.2 C72.8,31.8 75.1,30.8 77.5,31.4 C79.5,31.9 80.8,33.5 81.1,35.4 C78.2,37 74.3,36.9 71.5,34.2 Z"/>
<circle class="film-bird-eye" cx="78.8" cy="33" r="0.55"/>
<path class="film-bird-beak" d="M80.2,33.2 L83,34 L80.3,34.7 Z"/>
</g>
</g>
</svg>
@@ -1278,8 +1286,12 @@
<polygon points="115,84 128,42 141,84" fill="#040903"/>
<path d="M0,84 Q40,82 80,84 T160,84 L160,92 L0,92 Z" fill="#040903"/>
</g>
<g class="film-hero-bird" stroke="#dbd7cd" stroke-width="1.2" fill="none" stroke-linecap="round">
<path d="M62,30 q5,-5 10,0 q5,-5 10,0"/>
<g class="film-hero-bird" aria-hidden="true">
<path class="film-bird-wing film-bird-wing-left" d="M74.5,34.5 C70.5,29 66,27.8 61.5,30 C66.2,30.1 70.2,32.5 75,36"/>
<path class="film-bird-wing film-bird-wing-right" d="M76.5,34.5 C80.8,29.2 85.2,28.5 89.5,31 C84.9,30.9 81.2,33 76,36"/>
<path class="film-bird-body" d="M71.5,34.2 C72.8,31.8 75.1,30.8 77.5,31.4 C79.5,31.9 80.8,33.5 81.1,35.4 C78.2,37 74.3,36.9 71.5,34.2 Z"/>
<circle class="film-bird-eye" cx="78.8" cy="33" r="0.55"/>
<path class="film-bird-beak" d="M80.2,33.2 L83,34 L80.3,34.7 Z"/>
</g>
</svg>
</div>
@@ -1333,8 +1345,12 @@
<polygon points="115,84 128,42 141,84" fill="#040903"/>
<path d="M0,84 Q40,82 80,84 T160,84 L160,92 L0,92 Z" fill="#040903"/>
</g>
<g class="film-hero-bird" stroke="#dbd7cd" stroke-width="1.2" fill="none" stroke-linecap="round">
<path d="M62,30 q5,-5 10,0 q5,-5 10,0"/>
<g class="film-hero-bird" aria-hidden="true">
<path class="film-bird-wing film-bird-wing-left" d="M74.5,34.5 C70.5,29 66,27.8 61.5,30 C66.2,30.1 70.2,32.5 75,36"/>
<path class="film-bird-wing film-bird-wing-right" d="M76.5,34.5 C80.8,29.2 85.2,28.5 89.5,31 C84.9,30.9 81.2,33 76,36"/>
<path class="film-bird-body" d="M71.5,34.2 C72.8,31.8 75.1,30.8 77.5,31.4 C79.5,31.9 80.8,33.5 81.1,35.4 C78.2,37 74.3,36.9 71.5,34.2 Z"/>
<circle class="film-bird-eye" cx="78.8" cy="33" r="0.55"/>
<path class="film-bird-beak" d="M80.2,33.2 L83,34 L80.3,34.7 Z"/>
</g>
</svg>
</div>