Июл 19, 2015 - 0 Comments - Без рубрики -

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

И готово!

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

This entry passed through the Full-Text RSS service — if this is your content and you’re reading it on someone else’s site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Человек ? *