Wordpress | Кнопка со сдвигающимся фоном при помощи CSS

В этом видеоролике рассказываю и показываю как сверстать на странице Elementor кнопку со сдвигающимся фоном. Кнопку берём из обычного набора Elementor, подключаем фон и делаем его подвижным при помощи CSS.

Используемый в этом видео код CSS:

selector .elementor-button {
background-image: url(/wp-content/uploads/button.png);
background-repeat: no-repeat;
background-size: cover;
}

selector .elementor-button:hover {
background-position: right 350px bottom;
}

Можно сделать аналогичным образом одноцветный фон, это будет ещё проще. Просто нужно взять одноцветную картинку.

Ставьте лайк; если появились вопросы - задавайте их в комментариях; подписывайтесь на наш канал!

----------------------------------------

Смотрите обучающие видео для создания веб-сайтов на CMS Wordpress, Page Builder: Elementor, Elementor Pro.

Для этих систем управления сайтом рассматриваем следующие вопросы:
плагины, настройки, адаптивность, конструирование, разнообразные эффекты.

Конструктор Elementor позволяет использовать такие элементы и блоки, как:
заголовки, текст, галереи, карусели, слайдеры, параллакс, цены, социальные сети, списки и многое другое.

----------------------------------------

Мои работы по созданию дизайнов, а также вёрстка сайтов в Вордпрессе:
https://freelance.ru/mediamax888

Сайты:
http://lp-webmaster.ru
http://sitemakerpro.ru

Видео Wordpress | Кнопка со сдвигающимся фоном при помощи CSS канала Максим