« Modèle:Accueil/shared/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 26 : | Ligne 26 : | ||
overflow: hidden; | overflow: hidden; | ||
pointer-events: none; | pointer-events: none; | ||
background: | background: transparent; | ||
} | } | ||
| Ligne 63 : | Ligne 63 : | ||
margin-bottom: 1.5rem; | margin-bottom: 1.5rem; | ||
filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3)); | filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3)); | ||
animation: slideUp 0.8s ease-out; | |||
} | } | ||
| Ligne 137 : | Ligne 138 : | ||
padding: 1.125rem 1.75rem; | padding: 1.125rem 1.75rem; | ||
background: rgba(255, 255, 255, 0.03); | background: rgba(255, 255, 255, 0.03); | ||
border: | border: 1px solid rgba(255, 255, 255, 0.1); | ||
border-radius: 16px; | border-radius: 16px; | ||
box-shadow: 0 | box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | ||
| Ligne 146 : | Ligne 147 : | ||
.home-search:hover { | .home-search:hover { | ||
background: rgba(255, 255, 255, 0.06); | background: rgba(255, 255, 255, 0.06); | ||
border-color: rgba(255, 255, 255, 0. | border-color: rgba(255, 255, 255, 0.15); | ||
box-shadow: 0 | box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
} | } | ||
| Ligne 153 : | Ligne 154 : | ||
.home-search:active { | .home-search:active { | ||
transform: translateY(0); | transform: translateY(0); | ||
box-shadow: 0 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); | ||
} | } | ||
| Ligne 197 : | Ligne 198 : | ||
border-radius: 6px; | border-radius: 6px; | ||
color: rgba(255, 255, 255, 0.4); | color: rgba(255, 255, 255, 0.4); | ||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | ||
flex-shrink: 0; | flex-shrink: 0; | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
| Ligne 403 : | Ligne 404 : | ||
opacity: 0; | opacity: 0; | ||
transform: translateY(20px); | transform: translateY(20px); | ||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | |||
@keyframes slideUp { | |||
from { | |||
opacity: 0; | |||
transform: translateY(30px); | |||
} | } | ||
to { | to { | ||