Fix palm trees 4

This commit is contained in:
2026-05-02 14:51:08 +07:00
parent 9fc2eb4b89
commit b50ad2eb23
7 changed files with 58 additions and 57 deletions

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/style.css?v=43b84b49">
<link rel="stylesheet" href="css/style.css?v=d31dc0aa">
</head>
<body>
@@ -23,17 +23,17 @@
<span></span><span></span><span></span><span></span><span></span>
<div class="sfB-palms">
<img class="sfB-palm corner-tl" src="assets/palm-fronds-left.png" alt=""
style="--sway:2.5deg;animation-duration:8s;animation-delay:0s">
style="--sway:10deg;animation-duration:8s;animation-delay:0s">
<img class="sfB-palm corner-tr" src="assets/palm-fronds-right.png" alt=""
style="--sway:3deg;animation-duration:9s;animation-delay:-2s">
style="--sway:12deg;animation-duration:9s;animation-delay:-2s">
<img class="sfB-palm corner-bl" src="assets/palm-fronds-left.png" alt=""
style="--sway:2.8deg;animation-duration:10s;animation-delay:-4s;--flip:scaleY(-1)">
style="--sway:11deg;animation-duration:10s;animation-delay:-4s;--flip:scaleY(-1)">
<img class="sfB-palm corner-br" src="assets/palm-fronds-right.png" alt=""
style="--sway:2.2deg;animation-duration:11s;animation-delay:-1.5s;--flip:scaleY(-1)">
style="--sway:9deg;animation-duration:11s;animation-delay:-1.5s;--flip:scaleY(-1)">
<img class="sfB-palm corner-ml" src="assets/palm-fronds-left.png" alt=""
style="--sway:3.2deg;animation-duration:9.5s;animation-delay:-3s">
style="--sway:13deg;animation-duration:9.5s;animation-delay:-3s">
<img class="sfB-palm corner-mr" src="assets/palm-fronds-right.png" alt=""
style="--sway:2.4deg;animation-duration:11.5s;animation-delay:-1s">
style="--sway:10deg;animation-duration:11.5s;animation-delay:-1s">
</div>
</div>
@@ -273,7 +273,7 @@
</div>
</footer>
<script src="js/main.js?v=43b84b49"></script>
<script src="js/main.js?v=d31dc0aa"></script>
</body>
</html>