Notre solution
L'agence
Exemple
Devenir correcteur
Discutons ensemble
Notre solution
L'agence
Devenir correcteur
Discutons ensemble
.menu-toggle { position: absolute; right: 1.5rem; top: 49%; transform: translate(0, -50%); height: 26px; width: 29px; &, &:hover { color: #000; } } #menumobile { position: absolute; left: 0; right: 0; height: 1520px; transition: transform 0.5s ease-in-out; transform: translateY(5000px); &.open { transform: translateY(200px); /* Fait remonter le menu en bas */ } } .menu-toggle-bar { display: block; position: absolute; top: 50%; margin-top: -1px; right: 0; width: 100%; height: 4px; border-radius: 4px; background-color: black; transition: all 0.3s ease; &.menu-toggle-bar--top { transform: translate(0, -8px); } &.menu-toggle-bar--middle { } &.menu-toggle-bar--bottom { transform: translate(0, 8px); } .nav-open & { &.menu-toggle-bar--top { transform: translate(0, 0) rotate(45deg); } &.menu-toggle-bar--middle { opacity: 0; } &.menu-toggle-bar--bottom { transform: translate(0, 0) rotate(-45deg); } } }
Contactez-nous
dès maintenant
.buttonanim { --light: #fff; --dark: #414856; --border: #c3c8de; --background: #4f29f0; display: flex; align-items: center; justify-content: center; position: relative; border: 0; padding: 0 30px; width: auto; height: 60px; border-radius: 2px; border: 1px solid var(--border); background: none; color: var(--dark); cursor: pointer; outline: none; box-shadow: 0 10px 30px rgba(#414856, 0.1); transition: transform 0.1s linear, color 0.1s linear, background 0.15s linear; cursor: none; > .animtext { display: inline-block; position: relative; z-index: 2; font: 400 16px "Varela Round", sans-serif; transition: transform 0.15s linear; } &.fill { border: 0; color: var(--light); background: var(--background); } } .cursor { --cursor: #c3c8de; position: fixed; top: -50px; z-index: 99; width: 40px; height: 40px; border-radius: 50%; background: none; border: solid 2px var(--cursor); pointer-events: none; transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease; } [cursor="link"] { &:hover { ~ .cursor { mix-blend-mode: difference; transform: scale(1.5); cursor: none; background: #fff; border-color: #fff; } } }
Téléphone
Appelez-nous
Email
Envoyez un mail
Booker une démo
Planifier
Let’s
work
together
Nous contacter
Notre solution
L'agence
Exemple
Devenir correcteur
© 2025 Loumo correction
Mentions légales
