Как сделать анимацию в тексте с gif?

Question

[Keith Griffon]

Доброго времени суток, увидел на сайте прикольную анимацию текста, там на тексте был gif он сиял, и была анимация бабочек, как сделать так же?

Comments

[Kvason]

взять текст, наложить на него гиф

[Keith Griffon]

Kvason, пытался но идет все не так

[Keith Griffon]

Примерно так, оно перелеваеться

[Keith Griffon]

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

[Kvason]

Keith Griffon, ну так посмотри как оно сделано на этом сайте, консоль разработчика для этого и нужна

[Keith Griffon]

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

[Kvason]

Keith Griffon, ну попробуй создавать псевдоэлементы и давать им на фон эту гифку и меняй его расположение

[Keith Griffon]

Kvason, можно пример пожалуйста

[Kvason]

Keith Griffon, нету возможности, попробуй сам поиграться

[Keith Griffon]

Kvason, постораюсь

Answer 1

[Даниил]

color: #ffdf6f; 
    font-weight: bold;
    text-shadow: #fbbc00 1px 1px 10px;
background: url(/styles/1ads/bggold.gif);
}

Цвет текста, жирность и "свечение" Уже можете менять цвета под ваши "молнии"
И соответственно фон - ищите какие-то молнии в виде гиф, и все)

Comments

[Keith Griffon]

Благодарю, но я про другое, как на этом тык

[Даниил]

Keith Griffon, Все верно, я про эту надпись. Делаете так -
HTML -
<span>Текст с молниями</span>
CSS -

span {
color: #ffdf6f; 
    font-weight: bold;
    text-shadow: #fbbc00 1px 1px 10px;
background: url(/styles/1ads/bggold.gif);
}

[Keith Griffon]

Даниил, благодарю, а подскажите пожалуйста, где брать такие гиф?

[Даниил]

Keith Griffon, не знаю, но мне кажется, это спокойно гуглится

[Keith Griffon]

Даниил, благодарю) огромное спасибо

[Даниил]

Keith Griffon, Пожалуйста. Можете отметить решением, если я действительно смог ответить на заданный вами вопрос :)