Гайд Делаем красивые кнопки с анимацией за 5 минут

[hkon]

сначала зажодим на сайт >

Пожалуйста, авторизуйтесь для просмотра ссылки.

<
вы увидите это:

Спойлер: ss

Пожалуйста, авторизуйтесь для просмотра ссылки.

выбираем кнопку по вкусу и нажимаем на неё
у вас копируется css код
​

Спойлер: пример кода

.btn-grad {background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC  51%, #02AAB0  100%)}
.btn-grad {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;         
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad:hover {
     background-position: right center; /* change the direction of the change here */
     color: #fff;
     text-decoration: none;
}

​

далее заходим в любой текстовый редактор вставляем код и меняем классы

Спойлер: ss

Пожалуйста, авторизуйтесь для просмотра ссылки.

далее что бы не было уродской стандартной обводки добовляем строчку кода
border: 0; в css

за тем удаляем строчку кода: box-shadow: 0 0 20px #eee; по мне так красивее (имхо)

Спойлер: итог

Пожалуйста, авторизуйтесь для просмотра ссылки.

 

[Mondeo1337]

*пастим нечитаемые кнопки с анимацией за 3 минуты

 

[hkon]

*пастим нечитаемые кнопки с анимацией за 3 минуты

ну да, только в чём они нечитаемые?

 

[Mondeo1337]

ну да, только в чём они нечитаемые?

в большинстве примеров светлые участки делаются бекграундом

 

[hkon]

в большинстве примеров светлые участки делаются бекграундом

бля раз цвета не нрав, значит поменяй
в чём проблема?

 

[Mondeo1337]

бля раз цвета не нрав, значит поменяй
в чём проблема?

согласен, хуйню написал

 

[P0Z1T1V4iK28]

Где деобфускатор который нормализирует код, я не понял, мне ждать еще придется?

 

[hkon]

Где деобфускатор который нормализирует код, я не понял, мне ждать еще придется?

блять, заебал, неделя еще не прошла)