8,960
edits
No edit summary |
No edit summary |
||
| Line 126: | Line 126: | ||
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); | box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); | ||
position: relative; /* Нужно для псевдоэлементов */ | position: relative; /* Нужно для псевдоэлементов */ | ||
z-index: 1; /* Чтобы кнопка была поверх бликов */ | |||
} | } | ||
| Line 134: | Line 135: | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
width: | width: 300%; /* Увеличиваем ширину, чтобы блики выходили за рамки */ | ||
height: | height: 300%; /* Увеличиваем высоту, чтобы блики выходили за рамки */ | ||
background: radial-gradient(circle, rgba(255, | background: radial-gradient(circle, rgba(255, 0, 0, 0.5) 20%, transparent 80%); | ||
transform: translate(-50%, -50%) scale(0); | transform: translate(-50%, -50%) scale(0); | ||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
pointer-events: none; /* Чтобы лучи не мешали взаимодействию с кнопкой */ | pointer-events: none; /* Чтобы лучи не мешали взаимодействию с кнопкой */ | ||
z-index: | z-index: -1; /* Чтобы блики были позади кнопки */ | ||
} | } | ||
| Line 152: | Line 153: | ||
opacity: 1.1; | opacity: 1.1; | ||
} | } | ||