Клип текст с движущимся фоном - PullRequest
Новая
       8

Клип текст с движущимся фоном

1 голос
/ 20 марта 2020

Я нашел отличный способ непрерывного горизонтального перемещения фона. Я создаю иллюзию пламени, поэтому фон должен двигаться вертикально. Есть ли способ сделать это? Я использую Elementor в качестве компоновщика.

Код css, который я имею, выглядит следующим образом 

.mask_text .elementor-widget-container {
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    animation: maskText 50s linear infinite;
    -webkit-animation: maskText 50s linear infinite;
}

.mask_text .elementor-widget-container h2{
    color:transparent !important;
}

@keyframes maskText{
  from{ background-position: 0px center}
  to{ background-position: 2000px center}

}

@-webkit-keyframes maskText{
  from{ background-position: 0px center}
  to{ background-position: 2000px center}
}
...