Анимация кнопок.

[baltun]

Пользователь xsasha разместил новый ресурс:

Анимация на кнопки отправить. - Анимация при наведении на кнопку отправить.

В шаблон EXTRA.CSS добавляем:

.button.primary {
background: rgb(255, 255, 200) linear-gradient(135deg, #a5cae4 0%, #a5cae4 40%, #000 50%, #a5cae4 60%, #a5cae4 100%) no-repeat scroll 0 center / 300% auto;
}
.button:hover {
animation: 1s ease 0s normal none 1 running light;
}
@keyframes light {
0% {
    background-position: -600px center;
}
100% {
    background-position: 0 center;
}
}

Узнать больше об этом ресурсе...

 

[RedAkyloff]

Что делать в новой версии XenForo?

 

[baltun]

Что делать в новой версии XenForo?

в extra.less добавьте и посмотрите отработают эффекты или нет.

 

[RedAkyloff]

Ну я добавил, а самой анимации нет. Может быть нужно добавить что-то сюда?

 

[Glower]

Отлично работает
@RedAkyloff, Значит вы что то не так добавили. Буквально 10 минут назад добавил и все отлично

 

[RedAkyloff]

Я хотел сделать небольшое увеличение кнопки при наведении. Ставил код в extra.less и ничего не работало

 

[Glower]

@RedAkyloff, Я тоже сделал увеличение, но все работает как надо. Не знаю что вы там пытались сделать.

 

[RedAkyloff]

Можете дать код, пожалуйста?

@RedAkyloff, Я тоже сделал увеличение, но все работает как надо. Не знаю что вы там пытались сделать.

 

[Glower]

@RedAkyloff, Код указан выше. Я брал тот же самый

 

[RedAkyloff]

Понял, сейчас попробую

@RedAkyloff, Код указан выше. Я брал тот же самый

@RedAkyloff, Код указан выше. Я брал тот же самый

Этот код работает на все кнопки же?
Не работают анимации.

Даже такая анимация не работает. hvr-grow заменяю на btn