Пульсирующий текст с помощью 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