ГлавнаяCSS, JQuery, JavaScript › 3 Эффекта CSS анимации для Рекламных Мотиваций!


3 Эффекта CSS анимации для Рекламных Мотиваций!


Эффекты CSS

Приветствую всех друзей и читателей – Sozdaiblog.ru!

По многочисленным просьбам из Ваших писем, которые приходят каждый день на мой E-mail адрес, представляю Вашему вниманию 3 эффекта CSS анимации для широкоформатных рекламных мотиваций.

 

3-эффекта

ДЕМО СКАЧАТЬ

 

Чтобы прикрутить один из понравившихся эффектов к Вашему сайту, достаточно скачать архив с исходными файлами, распаковать и закинуть в любую папку на сервере.

В архиве присутствуют 3 html файла (index), они соответствуют определённому эффекту. Вам нужно скопировать путь-ссылку до одного из них и привязать к любому объекту на своём ресурсе.

Для внесения необходимых изменений, просто отредактируйте необходимый файл «index» и соответствующий ему «style.css».

Так же в архиве находятся картинки, которые Вы можете заменить своими.

Если Вы никак не можете придумать применение одному из этих эффектов CSS анимации, посмотрите мой пример, который находится в правом верхнем углу, где красный крестик.

На этом всё. До следующих эффектов…

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




24 комментарияА что думаете Вы?

  1. prosto_master

    Здравствуйте Денис, скажите пожалуйста а не будет ли такой эффект каким либо образом негативно влиять на работу сайта?

    [Ответить]

    Денис Черников ответил:

    Он живёт отдельной жизнью и никак сайт не затрагивает.

    [Ответить]

  2. Сергей Медведев

    Первый пример в демо, на мой взляд наиболее подходит для мотивации на подписку. Конечно с заменой картинок! :)

    Второй, слишком долгий...

    [Ответить]

    Денис Черников ответил:

    Выберете тот который Вам по душе и вперёд.

    [Ответить]

  3. Алексей

    Конечно, данный эффект анимации значительно украшает блок, а реклама призывает к действию. Так и захотелось подписаться, чуть кнопку «Старт» на нажал — вспомнил, что я подписан.

    [Ответить]

    Денис Черников ответил:

    Да, прикольно получилось. Хоть прям сам подписывайся!

    [Ответить]

  4. Надежда Пинчук

    Прикольно.Содержание поменять и отличная мотивация

    [Ответить]

    Денис Черников ответил:

    Да, именно это я и сделал!

    [Ответить]

  5. Натали

    привет! подскажите пожалуйста как сделать чтобы в подвале бегала собачка и играли котята, летали птички по всем страничкам?

    [Ответить]

    Денис Черников ответил:

    Для этого нужно изучать языки программирования.

    [Ответить]

  6. Евгений

    Здравствуйте Денис,а не подскажете как скопировать путь-ссылку до одного из них и привязать к объекту на сайте.Например как у Вас к отворачивающаяся страничке? Или страничка это в шаблоне вашей темы?

    [Ответить]

    Денис Черников ответил:

    Евгений, Вам нужно взять один из эффектов, сверстать его под себя и кинуть в любое место на Вашем сервере (лучше в корень), а затем просто указать ссылку, которую можно к примеру скопировать из окна FT-клиента. Если не понятно, спросите, что именно поясню более подробно.

    [Ответить]

  7. Евгений

    Добрый вечер Денис.Эффект отредактировал под себя с этим я разобрался,в корень закинул,а вот как сделать чтобы у меня на сайте страничка отворачивалась как у вас?

    [Ответить]

    Денис Черников ответил:

    Добрый, Евгений! Найдите у меня статью — «Как сделать угловой флеш баннер», там всё описано!

    [Ответить]

  8. Евгений

    Спасибо большое я как раз читаю эту статью.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Изучайте!

    [Ответить]

  9. Евгений

    Вечер добрый Денис,это опять я. Если я вам еще не надоел помогите плиз еще с одним вопросом,флеш банер поставил эфферт привязал все норм.Но как привязать к кнопке старт (в конце эффекта) ссылку на подписку как у вас? И где вообще взять эту ссылку? Я пользуюсь сервисом e-mail рассылки UniSender,но там я нашел только форму подписки. За рание спасибо.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Евгений! Вы можете сделать отдельную страницу с формой подписки, а в коде эффекта прикрутить ссылку на эту страницу к кнопке старт!

    [Ответить]

  10. zee

    ЧТО ОЗНАЧАЕТ " и привязать к любому объекту на своём ресурсе "

    [Ответить]

    Денис Черников ответил:

    ОЗНАЧАЕТ ТО, что Вы делаете ссылкой какой-нибудь элемент на сайте, которая будет вести на заранее подготовленную страницу с анимацией!

    [Ответить]

  11. Alex

    Классная анимашка, таких бы по больше, будем ждать чего то нового, Спасибо большое автору блога за такие классные вещи, удивил :) .

    [Ответить]

    Денис Черников ответил:

    Пожалуйста! Если ещё что-то найду, то обязательно выложу с пояснением реализации эффекта!

    [Ответить]

  12. Семен

    Денис, спасибо за полезную информацию, уже есть идеи применения данных эффектов, буду заглядывать к Вам почаше, больно уж полезные статьи на блоге!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Семён! Я уже применил! Заходите!

    [Ответить]

Оставить комментарий!

Вверх