Пульсирующий текст с помощью CSS

С помощью простого CSS кода вы сможете без проблем создать пульсирующий текст (мигающий,мерцающий).

Скачать исходники для статьи можно ниже

Код текста, который будет пульсировать:

<p class="pulsate">Обратите внимание!</p>

Для сайтов на wordpress — можно зайти в «Редактор записей» (админка — пункт «Записи» — подпункт «Добавить новую»), выбрать вкладку «Текст» и вставить вышеуказанный код.

А далее нужно прописать CSS код, который нужно прописать в файле стилей, для wordpress — это style.css (админка — пункт «Внешний вид» — подпункт «Редактор» — справа в списке шаблонов ищем style.css):

.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}

И готово!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc