page 2026 : contenu visible même sans JavaScript
This commit is contained in:
@@ -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; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user