Animate.css – библиотека готовой анимации

Добавление анимации, очень нудный и долгий процесс, даже для опытных программистов и верстальщиков. Сегодня я вам покажу хорошую и качественную библиотеку готовой CSS3 анимации. Это очень популярная библиотека, которой может пользоваться любой, даже самый не опытный верстальщик, так как для добавления анимации, вам нужно будет просто изменить класс объекта.

Давайте все по порядку…

Вот видео обзор данной библиотеки…

Ссылка на сайт данной библиотеки – https://daneden.github.io/animate.css/

В принципе, я все объяснил на видео, но думаю что не помешает все повторить!

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

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

Далее мы подключаем этот файл к нашему проекту. Напомню, что подключение файлов прописывается внутри тега head, с помощью тега link.

Теперь чтобы добавить анимацию на выбранный блок нам необходимо добавить классы для этого элемента. Первый класс animated, он обязательно нужен для любой анимации, а второй класс это название анимации, которую вы можете выбрать на сайте библиотеки.

Это всё. Если вам говорят, что пользоваться готовыми фреймворками и библиотеками это не профессионально, то знайте, что это абсолютно не так. Тратить много время на прописывание “велосипедов” – вот что не профессионально! Но в любом случае посоветую вам разобраться в работе данной библиотеки, чтобы понимать как там все работает.

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

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

avatar
40 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
38 Авторы комментариев
EldenEvistEldenEvistMichealLogUeMichealLogUeHarryjab Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
JanleF
Гость

Viagra En La Farmacia [url=http://apcialisle.com/#]Cialis[/url] Cialis With Dapoxetene Buy Cialis Low Dose Propecia

JanleF
Гость

Buy Disulfiram [url=https://buyciallisonline.com/#]Cialis[/url] Kamagra Gel Online Kaufen Cialis Does Amoxicillin Help A Boil

JanleF
Гость

Rx Health Drugs Viagra [url=https://buyciallisonline.com/#]Cialis[/url] Prezzo Cialis 20 Mg cialis online no prescription Amoxicillin Rss Feed

Genarodrisy
Гость
Genarodrisy

cheapest cialis price https://canadianpharmacystorm.com order non-prescription viagra

Brianrix
Гость
Brianrix

cheap viagra order online click here buy viagra priligy

Mauriceprert
Гость
Mauriceprert

cialis black 800mg pills buy generic cialis buy viagra in dubai

Allenploft
Гость
Allenploft

buy viagra cialis viagra for sale cialis buy with paypal

Israelevago
Гость
Israelevago

can you order cialis canada pharmacy buy levitra with no prescription

Thomasneomo
Гость
Thomasneomo

fake cialis pills https://www.sildwithdoctorprescription.com cheap viagra no prescription needed

Michealfrapy
Гость
Michealfrapy

cialis 20 mg price http://hydroxychloroquine24.com – buy hydroxychloroquine online cialis buy online canada

Michealfrapy
Гость
Michealfrapy

viagra sale new york http://kaletra24.com – kaletra price buy viagra canada no prescription

Michealfrapy
Гость
Michealfrapy

viagra sale canada http://aralenph.com – buy chloroquine online cheap levitra on-line

Michealfrapy
Гость
Michealfrapy

safe place to buy cialis http://tadal24ph.com – cialis online is mail order viagra legal

Michealfrapy
Гость
Michealfrapy

viagra sale ireland http://zithazi.com – Azithromycin viagra professional sale

Michealfrapy
Гость
Michealfrapy

discount cialis http://kaletra24.com – Ritonavir buy 40 mg levitra

Michealfrapy
Гость
Michealfrapy

viagra prescription http://tadal24ph.com – cialis generic viagra + where to buy + .au

Michealfrapy
Гость
Michealfrapy

order viagra ship canada http://kaletra24.com – kaletra price can cialis pills be split

Michealfrapy
Гость
Michealfrapy

cheapest levitra online http://aralenph.com – chloroquine generic cialis mail order

Michealfrapy
Гость
Michealfrapy

viagra for sale with paypal http://zithazi.com – zithromax Azithromycin cheap viagra canada

Michealfrapy
Гость
Michealfrapy

legit cheap viagra http://alexa24ph.com – buy viagra cheap viagra and cialis on line

Michealfrapy
Гость
Michealfrapy

buy levitra prescription http://zithazi.com – zithromax buy levitra online prescription

Michealfrapy
Гость
Michealfrapy

buy viagra by pfizer http://tadal24ph.com – tadalafil buy viagra online in the uk

Harryjab
Гость
Harryjab

viagra pills
buy levitra overnight shipping

Harryjab
Гость
Harryjab

viagra
buy viagra legit

Harryjab
Гость
Harryjab

viagra for men
viagra sale dubai

Harryjab
Гость
Harryjab

generic viagra
map html buy viagra

Harryjab
Гость
Harryjab
Harryjab
Гость
Harryjab

viagra pills
cialis online pharmacy

Harryjab
Гость
Harryjab

generic viagra 100mg
buy levitra in thailand

Harryjab
Гость
Harryjab

viagra
cheap cialis with no prescription

Harryjab
Гость
Harryjab
Harryjab
Гость
Harryjab

generic viagra
order levitra from canada

Harryjab
Гость
Harryjab

viagra pills
buy viagra online europe

Harryjab
Гость
Harryjab

viagra online
order cialis online with prescription

Harryjab
Гость
Harryjab

viagra pills
cheap levitra generic

Harryjab
Гость
Harryjab

viagra online
buy viagra pfizer

MichealLogUe
Гость
MichealLogUe

when is the best time to take cialis cheap cialis

MichealLogUe
Гость
MichealLogUe

does cialis lower your blood pressure generic cialis

EldenEvist
Гость
EldenEvist

https://sildenafilprof.com viagra substitute

EldenEvist
Гость
EldenEvist

https://sildenafilprof.com what helps viagra work better