8,960
edits
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 108: | Line 108: | ||
} | } | ||
newcombutton { | |||
.newcombutton { | |||
display: inline-block; | display: inline-block; | ||
padding: 10px 10px; | padding: 10px 10px; | ||
| Line 115: | Line 116: | ||
text-decoration: none; | text-decoration: none; | ||
border-radius: 5px; | border-radius: 5px; | ||
background-color: | background-color: #007bff; /* Default color */ | ||
transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; | transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; | ||
margin-right: 5px; | margin-right: 5px; | ||
| Line 126: | Line 127: | ||
position: relative; /* Нужно для псевдоэлементов */ | position: relative; /* Нужно для псевдоэлементов */ | ||
z-index: 1; /* Чтобы кнопка была поверх бликов */ | z-index: 1; /* Чтобы кнопка была поверх бликов */ | ||
} | } | ||
newcombutton::before, | .newcombutton::before, | ||
newcombutton::after { | .newcombutton::after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
| Line 145: | Line 145: | ||
} | } | ||
newcombutton:hover::before, | .newcombutton:hover::before, | ||
newcombutton:hover::after { | .newcombutton:hover::after { | ||
transform: translate(-50%, -50%) scale(1); | transform: translate(-50%, -50%) scale(1); | ||
} | } | ||
newcombutton:hover { | .newcombutton:hover { | ||
transform: scale(1.05); /* Slightly increase size */ | transform: scale(1.05); /* Slightly increase size */ | ||
opacity: 1.1; | opacity: 1.1; | ||
} | } | ||