Как создать эффект мерцания CSS на изображении?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Как создать эффект мерцания CSS на изображении?

Сообщение Anonymous »


У меня есть следующий эффект мерцания, который очень хорошо работает при использовании с элементом p, но он не работает ни с одним div, ни с img >. Итак, какие изменения мне следует внести, чтобы эффект мерцания воспроизводился на любом элементе.

Фрагмент ниже

.shimmer { отображение: встроенный блок; цвет:серый; фон: #acacac -webkit-gradient(linear, 100% 0, 0 0, from(#acacac), color-stop(0.5, #ffffff), to(#acacac)); фоновая позиция: -50рем сверху; /*50 пикселей*/ фоновый повтор: без повтора; -webkit-background-clip: текст; -webkit-text-fill-color: прозрачный; -webkit-animation-name: мерцание; -webkit-animation-duration: 2,2 с; -webkit-animation-iteration-count: бесконечно; -webkit-background-size: 50rem 100%; /*50 пикселей*/ размер шрифта: 90 пикселей; } @-webkit-keyframes мерцает { 0% { фоновая позиция: -50рем сверху; /*50 пикселей*/ } 70% { фоновая позиция: 12,5рем сверху; /*200 пикселей*/ } 100% { фоновая позиция: 12,5рем сверху; /*200 пикселей*/ } Мерцающий текст

Изображение
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»