avancement boutons pages
This commit is contained in:
@@ -1,29 +1,21 @@
|
||||
.hamburger-btn {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
align-self: flex-start;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 14px;
|
||||
background: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
border-radius: 17px;
|
||||
|
||||
/* Dégradé radial depuis le coin supérieur gauche pour l'effet "glow" */
|
||||
background: radial-gradient(ellipse at 30% 30%, #fff 0%, #f9ece9 60%, #f3d4cc 100%);
|
||||
|
||||
/* Légère ombre rosée */
|
||||
box-shadow: 0 4px 24px rgba(200, 120, 100, 0.13);
|
||||
|
||||
box-shadow: 0 2px 10px rgba(180, 80, 80, 0.12);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rosybrown;
|
||||
cursor: pointer;
|
||||
margin-bottom: 28px;
|
||||
transition: box-shadow 0.2s, transform 0.15s;
|
||||
|
||||
/* Transitions pour l'hover */
|
||||
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
||||
}
|
||||
|
||||
.hamburger-btn:hover {
|
||||
transform: scale(1.04);
|
||||
box-shadow: 0 6px 28px rgba(200, 120, 100, 0.2);
|
||||
}
|
||||
|
||||
.hamburger-btn:active {
|
||||
transform: scale(0.97);
|
||||
&:active {
|
||||
transform: scale(0.94);
|
||||
box-shadow: 0 1px 5px rgba(180, 80, 80, 0.1);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user