8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 117: | Line 117: | ||
border-radius: 5px; | border-radius: 5px; | ||
background-color: #007bff; /* Default color */ | background-color: #007bff; /* Default color */ | ||
transition: transform 0.3s ease, background-color 0.3s ease; | transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; | ||
margin-right: 5px; | margin-right: 5px; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
| Line 125: | Line 125: | ||
text-decoration: none; /* Убирает подчеркивание */ | text-decoration: none; /* Убирает подчеркивание */ | ||
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); | box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); | ||
position: relative; /* Нужно для псевдоэлементов */ | |||
overflow: hidden; /* Чтобы лучи не выходили за границы кнопки */ | |||
} | |||
.newcombutton::before, | |||
.newcombutton::after { | |||
content: ''; | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
width: 300%; | |||
height: 300%; | |||
background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 20%, transparent 80%); | |||
transform: translate(-50%, -50%) scale(0); | |||
transition: transform 0.3s ease; | |||
pointer-events: none; /* Чтобы лучи не мешали взаимодействию с кнопкой */ | |||
z-index: 0; /* Чтобы лучи были позади текста кнопки */ | |||
} | |||
.newcombutton:hover::before, | |||
.newcombutton:hover::after { | |||
transform: translate(-50%, -50%) scale(1); | |||
} | } | ||