Модификации

Анимированная кнопка 2

2024-08-05 23:25
Привет!

  1. Создай кнопку, лучше всего на черном фоне, добавь к ней обводку в 1 пиксель темноватую
  2. Добавь к ней класс .btn-gr
  3. Вставь код в T123
<style>
    .btn-gr .tn-atom {
        transition: all 0.3s !important;
    }
    
    .btn-gr .tn-atom:after {
        content: '';
        width: 100%;
        height: 100%;
        background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(255, 94, 247, 1) 17.8%, rgba(2, 245, 255, 1) 100.2%) !important;
        filter: blur(15px);
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.3s !important;
    }
    .btn-gr .tn-atom:active {
        transform: scale(0.9) rotate(3deg);
        background: radial-gradient (circle farthest-corner at 10% 20%, rgba(255, 94, 247, 1) 17.8%, rgba(2, 245, 255, 1) 100.2%) !important;
        transition: all 0.3s !important;
    }
</style>