33 lines
778 B
CSS
33 lines
778 B
CSS
.modal {
|
||
background: linear-gradient(135deg, #1f1c2c, #928dab); /* Dégradé futuriste */
|
||
backdrop-filter: blur(10px); /* Flou pour un effet sophistiqué */
|
||
}
|
||
|
||
.modal-content {
|
||
background: radial-gradient(circle, #222, #000);
|
||
color: #fff;
|
||
border-radius: 20px;
|
||
border: none;
|
||
width: 40vw;
|
||
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.5); /* Ombres intenses */
|
||
transform: perspective(1000px) rotateX(5deg); /* Effet 3D */
|
||
}
|
||
|
||
.modal.button {
|
||
background: linear-gradient(45deg, #ff6f91, #ffc371); /* Dégradé dynamique */
|
||
font-size: 20px;
|
||
border-radius: 50px;
|
||
animation: pulse 1.5s infinite; /* Animation d’impulsion */
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% {
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
transform: scale(1.05);
|
||
}
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|