Телеграмм чат группы elementor

Size: a a a

Elementor Russian Community

2020 March 24

Mirror Madness in Elementor Russian Community

.button:hover {
animation: button 0.5s ease infinite alternate;
cursor: pointer;
}

@keyframes button {
from {
transform: scale(1);
}

to {
transform: scale(2);
}
}

как сделать ту же дичь , только не на ховере а чтобы она инфинити анимировалась?

источник

19:09пожаловаться #1

Evgeny in Elementor Russian Community

Mirror Madness

как сделать ту же дичь , только не на ховере а чтобы она инфинити анимировалась?

сверху код еще есть, примерный, подстроить выше листай

источник

19:09пожаловаться #2

Evgeny in Elementor Russian Community

Mirror Madness

как сделать ту же дичь , только не на ховере а чтобы она инфинити анимировалась?

накидал так быстро) но там можно дополнить

источник

19:10пожаловаться #3

Mirror Madness in Elementor Russian Community

Evgeny

накидал так быстро) но там можно дополнить

вижу только css с hover'ом

источник

19:11пожаловаться #4

Evgeny in Elementor Russian Community

выше еще сообщения

источник

19:11пожаловаться #5

СГ

Стас Гольцев in Elementor Russian Community

Mirror Madness

как сделать ту же дичь , только не на ховере а чтобы она инфинити анимировалась?

сделать гифку?🤔

источник

19:29пожаловаться #6

Mirror Madness in Elementor Russian Community

Стас Гольцев

сделать гифку?🤔

не, просто анимация происходит при наведении,а мне нужно чтобы она происходила постоянно

источник

19:33пожаловаться #7

СГ

Стас Гольцев in Elementor Russian Community

ну так гифка это и есть анимация

источник

19:34пожаловаться #8

СГ

Стас Гольцев in Elementor Russian Community

постоянная

источник

19:34пожаловаться #9

АН

Александр Некий in Elementor Russian Community

Стас Гольцев

ну так гифка это и есть анимация

Гифка много весит, проще повесить animation: name 999s)

источник

19:34пожаловаться #10

СГ

Стас Гольцев in Elementor Russian Community

ну как вариант

источник

19:35пожаловаться #11

Mirror Madness in Elementor Russian Community

Стас Гольцев

ну так гифка это и есть анимация

гифка это набор кадров, а я работаю со встроенными в виджет кнопками форм, по этому мне нужно прописать это в css

источник

19:43пожаловаться #12

Evgeny in Elementor Russian Community

Mirror Madness

не, просто анимация происходит при наведении,а мне нужно чтобы она происходила постоянно

Какие Гифки ребят) слово инфинит бесконечность я же скинул вверху код

источник

19:43пожаловаться #13

СГ

Стас Гольцев in Elementor Russian Community

Evgeny

.button:hover {
animation: button 0.5s ease infinite alternate;
cursor: pointer;
}

@keyframes button {
from {
transform: scale(1);
}

to {
transform: scale(2);
}
}

вот оно решение бери не хочу🤗 че мимо проходим?

источник

19:44пожаловаться #14

Mirror Madness in Elementor Russian Community

Стас Гольцев

вот оно решение бери не хочу🤗 че мимо проходим?

та там написано Hover , срабатывает тупо при наведении, по другому не катит

источник

19:46пожаловаться #15

Evgeny in Elementor Russian Community

Mirror Madness

та там написано Hover , срабатывает тупо при наведении, по другому не катит

а как надо?

источник

19:49пожаловаться #16

Mirror Madness in Elementor Russian Community

Evgeny

а как надо?

мне нужна анимации не при наведении, а постоянно и не прерывно вне зависимости от курсора, чтобы кнопка тупо пульсировала нон стоп

источник

19:50пожаловаться #17

Evgeny in Elementor Russian Community

Mirror Madness

В стандартной анимации элементора, есть пульсация постоянная. Ставишь кнопку, на сайт, в 3 вкладе есть affects, выбираешь бесконечный пульс.

источник

19:55пожаловаться #18

Mirror Madness in Elementor Russian Community

Evgeny

да, но фишка в том что на сайте есть не только кнопка а кнопка в форме, именно по этому ее нужно поправлять css

источник

19:56пожаловаться #19

Evgeny in Elementor Russian Community

Mirror Madness

да, но фишка в том что на сайте есть не только кнопка а кнопка в форме, именно по этому ее нужно поправлять css

.button {
background: red;
width: 100px;
height: 100px;
animation: 0.5s button infinite alternate;
}

@keyframes button {
from {
transform: scale(1);
}

to {
transform: scale(2);
}
}

источник

19:59пожаловаться #20