fix: update badge styles and animations for consistency
All checks were successful
Deploy / deploy (push) Successful in 7m13s
All checks were successful
Deploy / deploy (push) Successful in 7m13s
Refined the styling of badge and eyebrow elements to ensure uniformity across the site, aligning them with the main section headers. Updated the `PixelMark` component to enhance its animation behavior, introducing new keyframes for smoother transitions. Adjusted CSS properties for better visual consistency and removed unnecessary uppercase text styling. Improved the `SectionEyebrow` component to reflect these changes.
This commit is contained in:
@@ -129,6 +129,37 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Rozet (PixelMark) pikselleri: sırayla turuncuya ısınır, iz gibi yavaşça söner.
|
||||
Zamanlama ısı fırçasıyla aynı dili konuşur: ani ısınma (%8), uzun soğuma (%66). */
|
||||
@theme {
|
||||
--animate-pixel-isi: pixel-isi 2.4s ease-in-out infinite;
|
||||
--animate-pixel-isi-accent: pixel-isi-accent 2.4s ease-in-out infinite;
|
||||
|
||||
@keyframes pixel-isi {
|
||||
0%,
|
||||
66%,
|
||||
100% {
|
||||
fill: currentColor;
|
||||
fill-opacity: var(--px-op, 0.3);
|
||||
}
|
||||
8% {
|
||||
fill: var(--color-orange-500);
|
||||
fill-opacity: 0.85;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pixel-isi-accent {
|
||||
0%,
|
||||
66%,
|
||||
100% {
|
||||
fill-opacity: 0.55;
|
||||
}
|
||||
8% {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Ödeme dönüşünde kilidi açılan listenin blur çözülme animasyonu */
|
||||
@keyframes kt-unblur {
|
||||
from {
|
||||
|
||||
Reference in New Issue
Block a user