feat(web): landing marka karuselinde logolar + tıklayınca animasyonlu marka adı
- Kayan şeritte metin yerine CarBrandLogo (cardog-icons + statik SVG'ler) - Logoya tıklayınca seçilen marka adı SmartAnimateText ile karakter karakter yazılır - globals.css: char-in keyframe + animate-char-in utility Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -152,6 +152,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes char-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(0.45em) scale(0.92);
|
||||
filter: blur(5px);
|
||||
}
|
||||
60% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes accordion-down {
|
||||
from {
|
||||
height: 0;
|
||||
@@ -182,6 +198,9 @@
|
||||
.animate-fade-in {
|
||||
animation: fade-in 0.4s ease-out;
|
||||
}
|
||||
.animate-char-in {
|
||||
animation: char-in 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
.carousel-track:hover .animate-scroll-left {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user