/* * animations.css — загружается в , ДО первого paint. * Это гарантирует, что .t-animate-элементы никогда не рисуются видимыми * до того, как JS явно разрешит им появиться. * Reveal-логика — в animations.js. */ /* ─── Начальное скрытое состояние ─────────────────────────────────────── */ .t-animate { opacity: 0; transition: opacity .8s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); } .t-animate[data-animate-style="fadeinleft"] { transform: translate(60px, 0); } .t-animate[data-animate-style="fadeinright"] { transform: translate(-60px, 0); } .t-animate[data-animate-style="fadeinup"] { transform: translate(0, 60px); } .t-animate[data-animate-style="fadeindown"] { transform: translate(0, -60px); } .t-animate[data-animate-style="zoomin"] { transform: scale(.9); } /* fadein: только opacity, transform не нужен */ /* ─── Конечное видимое состояние (JS добавляет этот класс) ─────────────── */ .t-animate_started { opacity: 1 !important; transform: none !important; }