mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix: restore hero animations in tailwind v4 on 2.2.95
Some checks failed
Build & Deploy / 🧪 QA (push) Has been cancelled
Details
Build & Deploy / 🏗️ Build (push) Has been cancelled
Details
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Details
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled
Details
Build & Deploy / 🔔 Notify (push) Has been cancelled
Details
Build & Deploy / 🔍 Prepare (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-07-03 12:21:43 +02:00
parent 73886406a4
commit 6fb46278e0
1 changed files with 20 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/globals.css
View File

@@ -88,8 +88,7 @@
} }
/* trigger rebuild */ /* trigger rebuild */
@layer utilities { @keyframes hero-fade-in-up {
@keyframes hero-fade-in-up {
from { from {
opacity: 0; opacity: 0;
transform: translateY(30px); transform: translateY(30px);
@@ -98,24 +97,21 @@
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
} }
}
.animate-hero-fade-in-up {
animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
} }
@layer utilities { @utility animate-hero-fade-in-up {
@keyframes hero-zoom-out { animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes hero-zoom-out {
from { from {
transform: scale(1.05); transform: scale(1.05);
} }
to { to {
transform: scale(1); transform: scale(1);
} }
} }
.animate-hero-zoom-out { @utility animate-hero-zoom-out {
animation: hero-zoom-out 1.5s ease-out forwards; animation: hero-zoom-out 1.5s ease-out forwards;
}
} }