Mettre le logo plus petit losqu’on scroll vers la bas (Header sticky)
Article original: https://elementor.com/blog/shrinking-sticky-header/ Exemple sur Vitalogo: https://vitalgo.ca/ 1- Mettre la classe .sticky-header sur le container qui est sticky 2- Mettre la classe .logo sur le logo CSS: /*** * class: .sticky-header */ .sticky-header { –shrink-header-to: 0.6; –transition: .45s cubic-bezier(.4, 0, .2, 1); transition: background-color var(–transition), backdrop-filter var(–transition), box-shadow var(–transition); } .sticky-header.elementor-sticky–effects { background-color: #014546; box-shadow: […]
L’accessibilité en design web : Assurer une expérience inclusive pour tous
L’accessibilité en design web est un enjeu crucial pour garantir que toutes les personnes, indépendamment de leurs capacités, puissent naviguer sur Internet sans obstacles. Cela inclut les personnes en situation de handicap, qu’il s’agisse de déficiences visuelles, auditives, motrices ou cognitives. Au Canada, où la diversité des utilisateurs est immense, l’accessibilité devient non seulement une […]