Шаблон:Кнопка игровая/styles.css: различия между версиями

URim (обсуждение | вклад)
Новая страница: «.mw-custom-game-button { display: inline-block; background-color: #3b4259; color: #ffffff; font-family: inherit; font-size: 14px; padding: 6px 20px; text-decoration: none; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); transition: background-color 0.2s ease; } .mw-custom-game-button:hover { background-color: #4c5573; color: #ffffff; }»
 
URim (обсуждение | вклад)
Нет описания правки
Строка 7: Строка 7:
     padding: 6px 20px;
     padding: 6px 20px;
     text-decoration: none;
     text-decoration: none;
     clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
   
    /* Новые координаты для срезанных углов:
      1. Левый верхний: прямой (0% 0%)
      2. Правый верхний: со срезом (скрещен с помощью уменьшения ширины на 10px)
      3. Правый нижний: прямой (100% 100%)
      4. Левый нижний: со срезом (смещен вправо на 10px) */
     clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 100%, 10px 100%);
   
     transition: background-color 0.2s ease;
     transition: background-color 0.2s ease;
}
}
.mw-custom-game-button:hover {
.mw-custom-game-button:hover {
     background-color: #4c5573;
     background-color: #4c5573;
     color: #ffffff;
     color: #ffffff;
}
}

Версия от 14:23, 7 октября 2026

.mw-custom-game-button {
    display: inline-block;
    background-color: #3b4259;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    padding: 6px 20px;
    text-decoration: none;
    
    /* Новые координаты для срезанных углов:
       1. Левый верхний: прямой (0% 0%)
       2. Правый верхний: со срезом (скрещен с помощью уменьшения ширины на 10px)
       3. Правый нижний: прямой (100% 100%)
       4. Левый нижний: со срезом (смещен вправо на 10px) */
    clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 100%, 10px 100%);
    
    transition: background-color 0.2s ease;
}

.mw-custom-game-button:hover {
    background-color: #4c5573;
    color: #ffffff;
}