anthil_web/src/index.css
2024-11-02 15:35:23 +07:00

46 lines
740 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Protest+Strike&display=swap');
@layer base {
html {
font-family: Oswald, system-ui;
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* Опционально: добавляем плавность при остановке */
.scroller > div {
transition: animation-play-state 0.3s ease;
}
.perspective-1000 {
perspective: 1000px;
}
.preserve-3d {
transform-style: preserve-3d;
}
.backface-hidden {
backface-visibility: hidden;
}
.rotate-y-180 {
transform: rotateY(180deg);
}