MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 116: Line 116:
     text-decoration: none;
     text-decoration: none;
     border-radius: 5px;
     border-radius: 5px;
     background-color: #007bff; /* Цвет по умолчанию */
     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;
     margin-right: 5px;
     margin-right: 5px;
     word-wrap: break-word;
     word-wrap: break-word;
Line 123: Line 123:
     transform-origin: left; /* Масштабирование относительно левой стороны */
     transform-origin: left; /* Масштабирование относительно левой стороны */
     color: inherit; /* Сохраняет цвет текста */
     color: inherit; /* Сохраняет цвет текста */
    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; /* Нужно для псевдоэлементов */
    z-index: 1; /* Чтобы кнопка была поверх бликов */
}
.newcombutton::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%; /* Уменьшаем ширину для меньших бликов */
    height: 150%; /* Уменьшаем высоту для меньших бликов */
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 20%, transparent 70%);
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease;
    pointer-events: none; /* Чтобы лучи не мешали взаимодействию с кнопкой */
    z-index: -1; /* Чтобы блики были позади кнопки */
    border-radius: 50%; /* Делаем блики круглыми */
}
.newcombutton:hover::before {
    transform: translate(-50%, -50%) scale(1);
}
}


.newcombutton:hover {
.newcombutton:hover {
     transform: scale(1.05); /* Слегка увеличиваем размер */
     transform: scale(1.05); /* Slightly increase size */
     opacity: 1.1;
     opacity: 1.1;
}
}

Navigation menu