У меня есть следующий эффект мерцания, который очень хорошо работает при использовании с элементом 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 пикселей*/ } Мерцающий текст
