Sozdaiblog.ru
Назад

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

Опубликовано: 11.01.2013
Время на чтение: 2 мин
24
0

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

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

 

ДЕМО СКАЧАТЬ

 

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

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

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

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

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

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

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

Поделиться
Похожие записи
Комментарии:
  • prosto_master
    Опубликовано: 10.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Сергей Медведев
    Опубликовано: 10.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Алексей
    Опубликовано: 10.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 10.02.2013 Ответить на сообщение

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

  • Надежда Пинчук
    Опубликовано: 13.02.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 13.02.2013 Ответить на сообщение

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

  • Натали
    Опубликовано: 26.03.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 26.03.2013 Ответить на сообщение

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

  • Евгений
    Опубликовано: 03.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 04.06.2013 Ответить на сообщение

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

  • Евгений
    Опубликовано: 04.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 04.06.2013 Ответить на сообщение

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

  • Евгений
    Опубликовано: 04.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 04.06.2013 Ответить на сообщение

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

  • Евгений
    Опубликовано: 07.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 08.06.2013 Ответить на сообщение

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

  • zee
    Опубликовано: 06.11.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 06.11.2013 Ответить на сообщение

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

  • Alex
    Опубликовано: 01.03.2014 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 03.03.2014 Ответить на сообщение

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

  • Семен
    Опубликовано: 12.10.2014 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 15.10.2014 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.