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

Опубликовано: 11.01.2013

Время на чтение: 2 мин

251

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

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

ДЕМО СКАЧАТЬ

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

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

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

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

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

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

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

Автор:

Sozdaiblog

Сайт

0 0

Похожие записи

309

Как сделать фото в стиле ВИНТАЖ?

439

Вертикальное меню для сайта с эффектом Swipeable

286

Угловой баннер с сюрпризом!

2291

Самый эффективный метод встраивания видео You Tube!

499

Как установить видео вместо фона на сайте?

400

Как сделать видеоплеер для сайта Без Плагинов за 5 минут?

Комментарии:

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 Ответить на сообщение
  
  Пожалуйста, Семён! Я уже применил! Заходите!

Отмена