Adriano/InsanityLab-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: animazioni stile template prowess (reveal, parallax, marquee, hero, hover)

Browse Source
This commit is contained in:
AdrianoDev
2026-07-02 13:08:09 +02:00
parent e54daa105f
commit 0d9b645636
15 changed files with 129 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+16
View File
@@ -52,3 +52,19 @@ textarea.field { min-height: 120px; resize: vertical; }
/* honeypot */
.hp { position: absolute; left: -9999px; opacity: 0; }
/* === Animazioni (stile template Prowess) === */
/* Lo stato nascosto vale solo con JS attivo (html.js): senza JS tutto resta visibile. */
html.js [data-reveal], html.js .section-heading { opacity: 0; transform: translateY(40px); transition: opacity .9s ease, transform .9s ease; transition-delay: var(--reveal-delay, 0s); }
html.js [data-reveal="left"] { transform: translateX(-60px); }
html.js [data-reveal="right"] { transform: translateX(60px); }
html.js [data-reveal="fade"] { transform: none; }
html.js [data-reveal].is-inview, html.js .section-heading.is-inview { opacity: 1; transform: none; }
.btn::after { transition: transform .3s ease; }
.btn:hover::after { transform: translateX(5px); }
@media (prefers-reduced-motion: reduce) {
html.js [data-reveal], html.js .section-heading { opacity: 1; transform: none; transition: none; }
*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}