Magic Animations библиотека для добавления анимации на сайт

Давайте вновь рассмотрим готовую CSS анимацию. Сегодня мы рассмотрим библиотеку Magic Animatons. Здесь мы можете просто добавить красивую анимацию в два клика.

Ссылка на библиотеку Magic Animations – https://www.minimamente.com/project/magic/

На странице библиотеки вы можете найти примеры анимации, которые доступны в данной библиотеке.

Для того чтобы добавить анимацию на свой сайт вам нужно скачать данную библиотеку и подключить ее к своему сайту. Там только CSS файл.

<link rel="stylesheet" href="magic-master/dist/magic.css">

После этого вам нужно прописать класс соответствующий вашей анимации. Имя класса можно увидеть на сайте, для этого нужно нажать на кнопку которая появляется при нажатие на название анимации.

После добавления класса анимация уже срабатывает, но для лучшего эффекта вы можете прописать скрипт и указать в нем событие после которого должна срабатывать анимация (например наведение или нажатие на элемент).

На GitHub странице вы можете найти примеры использования скрипов для активации анимации. Здесь есть скрипты на jQuery и нативном JavaScript.

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

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

avatar
31 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
25 Авторы комментариев
ЕвгенийDarrylLonАндрейДмитрийWilliamZek Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Дмитрий
Гость

Здравствуйте. У нашей компании недавно появилась новая, очень мощная возможность по привлечению клиентов. Рассылки по мессенджерам: Ватсап/вайбер/Телеграм/смс. Более того, очень большие возможности по таргетингу: По региону, различным критериям и даже тематическим организациям. Например, можем собрать контактные номера рекламных агентств, мед. центров, ресторанов и т. д. и сделать рассылку по ним. Таким образом, ЦА при такой рассылке максимально целевая! Более того, по завершении предоставляем лог и полный список номеров получателей. Таргетинг целевой аудитории по следующим критериям: – Юридические лица (Страна, город, регион, род деятельности, численность персонала) – Физические лица (Страна, город, регион, пол, возраст) Вам интересен такой вариант? Если да, свяжитесь… Подробнее »

Иван
Гость

Почитайте, как правильно использовать маску для лица от коронавируса
https://vk.cc/awqExK

AnnaChugunova
Гость

Рады приветствовать вас!
Готовы выполнить лучшие прогоны, чтобы “утопить” веб-сайт ваших конкурентов. Цена: от 2 000 руб.
– Стопроцентный результат. Сайты точно “умрут”.
– Максимальное число отрицательных фитбеков.
– Наша специальная база – выжимка самых “смертельных” площадок из 10 млн. веб-сайтов (вирусы, спам, порно и т.д.). Работает безотказно.
– Прогон делаем одновременно с 4 мощных серверов.
– Отправка активационных ссылок на официальный емейл.
– Растянем по времени сколько угодно.
– Прогон с запретными ключевыми фразами.
– При двух заказах – отличные бонусы.

Стоимость услуги 4000 рублей
Полная отчётность.
Оплата: Qiwi, Яндекс.Деньги, Bitcoin, Visa, MasterCard…
Telgrm: @exrumer
Whatssap: +7(906)53121-55
Skype: XRumer.pro
электронка: support@xrumer.cc

shopuuiu
Гость

Статьи для сайта по 13 рублей за 1000 знаков, качество, гарантии, уникальность – http://cllic.xyz/xr7

Александр
Гость

Представьте, что Ваше коммерческое предложение отправлено в формы обратной связи миллиона сайтов. Как считаете, сколько заявок Вы получите? Представьте, что даже всего 1% обратили внимание на Ваше предложение, это 10 000 человек. Даже если 1% из них целевые, это 100 потенциальных клиентов, которые хотят заказать Ваш продукт. Но все зависит от Вашего направления. Например, вряд-ли предпринимателю из Санкт-Петербурга будет интересна доставка пиццы в Сочи. Но если Вашу услугу можно заказать онлайн или у Вас B2B направление (любые услуги, в которых целевая аудитория другие компании/предприниматели), то такая реклама идеально для Вас подойдет. Например, Вы фрилансер, маркетолог, у Вас интернет-магазин или даже… Подробнее »

Алексей
Гость

Реклама Вашего товара/услуги по Москве.

Здравствуйте.
Прорекламируем Ваш товар/услугу по Москве, нестандартным, но эффективным способом.
(Особенно эффективен для B2B направлений либо с возможностью заказа онлайн)
Если Вам нужны клиенты, свяжитесь с нами, отправим подробную информацию!
Наш E-mail: nenbupojar1977@mail.ru

Евгений
Гость

Здравствуйте! Отправим Ваше коммерческое предложение владельцам/администраторам более 800 000 сайтов! Несколько плюсов сотрудничества с нами: – Приятные цены – нам выгодно, чтобы клиент получал прибыль, значительно превышающую цену рассылки и обращался опять – Все максимально прозрачно: Предоставим скриншоты из софта, с подробными отчетами о результатах рассылки, подтверждающие выполнение обязательств с нашей стороны. – В отличии от большинства наших конкурентов, оплата ТОЛЬКО за УСПЕШНО доставленные сообщения. Теперь перейдем к гарантиям. Мы понимаем, что в интернете встречается всякое, поэтому чтобы Вам было спокойнее: 1)Перед рассылкой мы предоставим скриншот из программы с Вашим проектом, подтверждающий готовность к запуску 2)Во время рассылки у Вас… Подробнее »

sihannef
Гость

[url=https://www.victorinox.market/product/GR1711131779]москва ножи кухонные викторинокс[/url] или [url=https://www.victorinox.market/product/VX22N-RED2]викторинокс ножи сайт[/url]

https://www.victorinox.market/product/GR171113965

Дмитрийtup
Гость

Адвокат Юрист. Консультации Бесплатно. Вам нужна помощь опытных Адвакатов и Юристов? Предоставляем полный спектор юридических услуг. Реальная оценка проблемы адвокатом дает большую вероятность положительного результата по Вашему делу Заключая Договор с клиентом, мы гарантируем круглосуточную юридическую консультацию, позволяющую БЕСПЛАТНО и без ограничений по времени чувствовать нашу профессиональную поддержку даже по телефону Главное для нас – доверие клиента, в свою очередь мы гарантируем индивидуальный подход к решению проблемы, максимальную конфиденциальность и профессионализм. Подробнее на нашем сайте: http://advokates.in.ua/ Свяжитесь с нами, ответим на все Ваши вопросы, подскажем и поможем! Позвоните нам прямо сейчас и в качестве бонуса получите бесплатную консультацию по Вашему… Подробнее »

Кулеры для воды
Гость

Vivify – это библиотека анимации, которую я всегда считал улучшенной версией Animate CSS. Она работает точно также, содержит такие же классы, но расширена еще несколькими. Вместо добавления класса

Shawnjeogy
Гость

Влагомер нефти ВСН-2 ПП купить в Самаре и Самарской области по цене производителя от компании «Нефтеэлемент». [url=https://neftel.ru/vlagomery]влагомер нефти[/url]

Евгенийtup
Гость

Наша фирма – лидер в массовой рекламе в интернет с высочайшим качеством!
Представляем любые виды рассылок по email, мессенджерам, форумам, доскам объявлений и прочим ресурсам.
Рассылки в интернет – наиболее эффективный и наименее затратный вид рекламы.
Опытные и активные специалисты работают для Вас круглосуточно. Свои вопросы Вы можете задать в любое время. Вам нужно только лишь использовать более удобный для Вас способ для контакта:
телефон: +7(495)766-5528
telegram, wtatsapp, viber: +79857665528
email: em-rassylka@yandex.ru

treantinc
Гость
treantinc

Acheter Du Cytotec Sur Internet Kakerent [url=https://bbuycialisss.com/#]Cialis[/url] fadiappept headache from cialis groongendodo Buy Cialis CaunninkCify Controindicazioni Uso Cialis

treantinc
Гость
treantinc

Generic Cialis For Daily Use Trokvome [url=https://ascialis.com/#]cialis vs viagra[/url] Artegelp Propecia Minoxidil Pattern Baldness nagnincarp cialis order online psyproneeree Zithromax Where Can I Buy

Евгений
Гость

Здравствуйте. Привлечем клиентов в Ваш бизнес с помощью рассылок по мессенджерам: Ватсап/вайбер/Телеграм/смс. Главный плюс такой рекламы в том, что получатели максимально целевые. Например, можем собрать контактные номера рекламных агентств, мед. центров, ресторанов и т. д. и сделать рассылку по ним. Или мужчин/женщин определенного возраста. Таким образом, ЦА при такой рассылке максимально целевая! Более того, по завершении предоставляем лог и полный список номеров получателей. Таргетинг целевой аудитории по следующим критериям: – Юридические лица (Страна, город, регион, род деятельности, численность персонала) – Физические лица (Страна, город, регион, пол, возраст) Интересует? Свяжитесь с нами по емайлу, который указан ниже (в тексте. На емайл,… Подробнее »

RandellSob
Гость

[url=https://rosmera.ru/collection/indikatory-chasovogo-tip-ichit/product/indikator-ich-0-10mm-001-mod538d-053-poverka]Индикатор ИЧ-0-10мм 0.01 мод.538D-053 (Поверка)[/url]
[imgcomment image[/img]

Shawnjeogy
Гость

Датчики избыточного давления МИДА-ДИ-13П купить в Урае и Ханты-Мансийского автономного округа по цене производителя от компании «Нефтеэлемент». [url=https://neftel.ru/datchiki-izbytochnogo-davlenija-mida-di-13p]датчик мида ди 13п[/url]

JerryNinna
Гость

[b]Комментарий одобрен[/b]

vulkandeluxe слоты
[url=https://meanders.ru/onlajn-kazino-vulkan-grand.shtml]Vulkan Grand casino слоты[/url]

Александр
Гость

Здравствуйте! Отправим Ваше коммерческое предложение владельцам/администраторам более 800 000 сайтов! Несколько плюсов при сотрудничестве с нами: – Приятные цены – нам выгодно, чтобы клиент получал прибыль, значительно превышающую стоимость рассылки и заказывал опять – Все максимально прозрачно: Предоставим скриншоты из софта, с подробными отчетами о результатах рассылки, подтверждающие выполнение обязательств с нашей стороны. – В отличии от большинства наших конкурентов, оплата ТОЛЬКО за УСПЕШНО доставленные сообщения. Теперь перейдем к гарантиям. Мы понимаем, что в интернете встречается всякое, поэтому чтобы Вам было спокойнее: 1)Перед рассылкой мы предоставим скриншот из программы с Вашим проектом, подтверждающий готовность к запуску 2)Во время рассылки у… Подробнее »

Сергей
Гость

Здравствуйте!
Посчитаем производство ЛЮБОЙ полиграфии.
В том числе календари в том числе дизайн.
Современное производство, современный дизайн, низкие цены, бесплатная доставка по Москве (в регионы платная).
Просим запрос на почту: sdelano-krasivo@yandex.ru
Спасибо!

Дмитрий
Гость

Представьте, что Ваше коммерческое предложение отправлено в формы обратной связи миллиона сайтов. Как считаете, сколько заявок Вы получите? Представьте, что даже всего 1% обратили внимание на Ваше предложение, это 10 000 человек. Даже если 1% из них целевые, это 100 потенциальных клиентов, которые хотят заказать Ваш продукт. Но все зависит от Вашего направления. Например, вряд-ли предпринимателю из Санкт-Петербурга будет интересна доставка пиццы в Сочи. Но если Вашу услугу можно заказать онлайн или у Вас B2B направление (любые услуги, в которых целевая аудитория другие компании/предприниматели), то такая реклама идеально для Вас подойдет. Например, Вы фрилансер, маркетолог, у Вас интернет-магазин или даже… Подробнее »

Brendanstirl
Гость

Кто где покупал [url=http://remonto.tk]керамическую плитку?[/url]

Артём
Гость

Нужна теплая база для обзвона или рассылки?Решим этот вопрос за час!
Соберем для Вас базу номеров (и не только), по следующим критериям:

1. юридические лица
1.1. страна
1.2. регион
1.3. город
1.4. вид (род) деятельности
1.5. численность персонала
2. физические лица
2.1. страна
2.2. регион
2.3. город
2.4. пол
2.5. возраст

После чего, по необходимости, отправим Ваше коммерческое предложени в ватсап/вайбер, по собранной базе.
Для заказа пишите на почту, в сообщении уточняйте:
1)Критерии, по которым делаем выборку
2)Количество номеров, которое Вас интересует.
Для связи: formmarketing2020@gmail.com

Андрей
Гость

Представьте, что Ваше коммерческое предложение отправлено в формы обратной связи миллиона сайтов. Как считаете, сколько заявок Вы получите? Представьте, что даже всего 1% обратили внимание на Ваше предложение, это 10 000 человек. Даже если 1% из них целевые, это 100 потенциальных клиентов, которые хотят заказать Ваш продукт. Но все зависит от Вашего направления. Например, вряд-ли предпринимателю из Санкт-Петербурга будет интересна доставка пиццы в Сочи. Но если Вашу услугу можно заказать онлайн или у Вас B2B направление (любые услуги, в которых целевая аудитория другие компании/предприниматели), то такая реклама идеально для Вас подойдет. Например, Вы фрилансер, маркетолог, у Вас интернет-магазин или даже… Подробнее »

Александр
Гость

Представьте, что Ваше коммерческое предложение отправлено в формы обратной связи миллиона сайтов. Как считаете, сколько заявок Вы получите? Представьте, что даже всего 1% обратили внимание на Ваше предложение, это 10 000 человек. Даже если 1% из них целевые, это 100 потенциальных клиентов, которые хотят заказать Ваш продукт. Но все зависит от Вашего направления. Например, вряд-ли предпринимателю из Санкт-Петербурга будет интересна доставка пиццы в Сочи. Но если Вашу услугу можно заказать онлайн или у Вас B2B направление (любые услуги, в которых целевая аудитория другие компании/предприниматели), то такая реклама идеально для Вас подойдет. Например, Вы фрилансер, маркетолог, у Вас интернет-магазин или даже… Подробнее »

Александр
Гость

Здравствуйте! Отправим Ваше коммерческое предложение владельцам/администраторам более 800 000 сайтов! Несколько плюсов при работе с нами: – Приятные цены – нам выгодно, чтобы клиент получал прибыль, значительно превышающую стоимость рассылки и обращался снова – Все максимально прозрачно: Предоставим скриншоты из софта, с подробными отчетами о результатах рассылки, подтверждающие выполнение обязательств с нашей стороны. – В отличии от большинства наших конкурентов, оплата ТОЛЬКО за УСПЕШНО доставленные сообщения. Теперь перейдем к гарантиям. Мы понимаем, что в интернете встречается всякое, поэтому чтобы Вам было спокойнее: 1)Перед рассылкой мы предоставим скриншот из программы с Вашим проектом, подтверждающий готовность к запуску 2)Во время рассылки у… Подробнее »

WilliamZek
Гость
WilliamZek

Профессиональное продвижение сайтов – Гарантированный результат в течении первого месяца! Никакой предоплаты, оплата по факту!
Свяжитесь со мной через Telegram https://t.me/seogars расскажу подробно!
Работаю через договор!
Разрабатываю чат-боты, магазины для Telegram!

Дмитрий
Гость

Здравствуйте! Отправим Ваше коммерческое предложение владельцам/администраторам более 800 000 сайтов! Несколько преимуществ при работе с нами: – Приятные цены – нам выгодно, чтобы заказчик получал прибыль, значительно превышающую цену рассылки и заказывал повторно – Все максимально прозрачно: Предоставим скриншоты из софта, с подробными отчетами о результатах рассылки, подтверждающие выполнение обязательств с нашей стороны. – В отличии от большинства наших конкурентов, оплата ТОЛЬКО за УСПЕШНО доставленные сообщения. Теперь перейдем к гарантиям. Мы понимаем, что в интернете встречается всякое, поэтому чтобы Вам было спокойнее: 1)Перед рассылкой мы предоставим скриншот из программы с Вашим проектом, подтверждающий готовность к запуску 2)Во время рассылки у… Подробнее »

Андрей
Гость

Приветствую! Отправим Ваше коммерческое предложение владельцам/администраторам более 800 000 сайтов! Несколько плюсов сотрудничества с нами: – Приятные цены – нам выгодно, чтобы заказчик получал прибыль, значительно превышающую стоимость рассылки и заказывал опять – Все максимально прозрачно: Предоставим скриншоты из программы, с подробными отчетами о результатах рассылки, подтверждающие выполнение обязательств с нашей стороны. – В отличии от большинства наших конкурентов, оплата ТОЛЬКО за УСПЕШНО доставленные сообщения. Теперь перейдем к гарантиям. Мы понимаем, что в интернете встречается всякое, поэтому чтобы Вам было спокойнее: 1)Перед рассылкой мы предоставим скриншот из программы с Вашим проектом, подтверждающий готовность к запуску 2)Во время рассылки у Вас… Подробнее »

DarrylLon
Гость

Sitecheck profitlinks.ru бесплатный СЕО инструмент для seo анализа и проверки сайтов с сохранением отчетов. Тестируйте, анализируйте сайты бесплатно! Сайтчекер от profitlinks доступен вебмастерам бесплатно и без регистрации!
[url=http://sitecheck.profitlinks.ru]Sitecheck profitlinks.ru бесплатный СЕО инструмент…[/url]

Евгений
Гость

Здравствуйте. Привлечем клиентов в Ваш бизнес с помощью рассылок по мессенджерам: Ватсап/вайбер/Телеграм/смс. Главный плюс такой рекламы в том, что получатели максимально целевые. Например, можем собрать контактные номера рекламных агентств, мед. центров, ресторанов и т. д. и сделать рассылку по ним. Или мужчин/женщин определенного возраста. Таким образом, ЦА при такой рассылке максимально целевая! Более того, по завершении предоставляем лог и полный список номеров получателей. Таргетинг целевой аудитории по следующим критериям: – Юридические лица (Страна, город, регион, род деятельности, численность персонала) – Физические лица (Страна, город, регион, пол, возраст) Интересует? Свяжитесь с нами по емайлу, который указан ниже (в тексте. На емайл,… Подробнее »