page 2026 : contenu visible même sans JavaScript

This commit is contained in:
2026-09-18 08:16:50 +02:00
parent 66e3123da8
commit bf193e9d6c
+4 -3
View File
@@ -2,6 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script>document.documentElement.classList.add("js");</script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cours NSI / SNT / Socio</title> <title>Cours NSI / SNT / Socio</title>
@@ -86,10 +87,10 @@ h1 {
/* Apparition au defilement. La preference systeme "reduire les animations" /* Apparition au defilement. La preference systeme "reduire les animations"
est respectee juste en dessous : sans cela, la page serait penible pour est respectee juste en dessous : sans cela, la page serait penible pour
les personnes sensibles au mouvement. */ les personnes sensibles au mouvement. */
.apparait { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; } .js .apparait { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; }
.apparait.visible { opacity: 1; transform: none; } .js .apparait.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.apparait { opacity: 1; transform: none; transition: none; } .js .apparait { opacity: 1; transform: none; transition: none; }
.carte:hover { transform: none; } .carte:hover { transform: none; }
} }