Загрузка...

How to make super duper animations on a website without certain knowledge in JS

Thread in Learning created by akeela Apr 23, 2021. (bumped Apr 24, 2021) 1016 views

Sort
  1. akeela
    Who's liked this post (4)
    akeela Topic starter Apr 23, 2021 4613 Nov 16, 2019
    Вступление
    Допустим, вы веб-дизайнер, вы хотели бы, чтобы на вашем сайте были классные двигающиеся блоки. Но как же сделать? У вас же недостаточно знаний в JS. Тогда хочу вас обрадовать. Есть такой сайт - https://michalsnik.github.io/aos/, с помощью него можно создавать сия шедевры.
    Вот так он выглядит:[IMG]
    Прокручивая сайт вы увидите множество анимаций, которые вы можете подключить к своим элементам.

    Как это сделать?
    Все очень просто. Идем в самый низ сайта:
    [IMG]
    Вставляем в <head> эти строчки кода:
    [IMG]
    Перед закрывающим тегом </body> вставляем эти строчки:
    [IMG]

    Если вы хотите подключить оффлайн, то там есть кнопка скачивания, затем распаковываете архив и смотрите строки подключения, вместо сайта вы указываете папку со своей библиотекой (все очень просто, разберетесь)
    [IMG]

    Вы успешно подключили библиотеку к сайту!

    Что делать дальше?

    Дальше вы идете и выбираете нужную вам анимацию и вставляете атрибут data-aos (выделено на рисунке ниже) после тега <div> (ну или еще на что-то, где вы бы хотели увидеть анимацию) на своем сайте.

    [IMG]

    Поздравляю! Вы успешно подключили данную анимацию!
     
    Apr 23, 2021 Edited
  2. ivNNN
    Who's liked this post (1)
    ivNNN Apr 23, 2021 3217 Oct 10, 2016
    бля, прикольно
     
    Apr 23, 2021
  3. ska3o4nik
    ska3o4nik Apr 23, 2021 дезигн - lolz.live/threads/4432291 466 Aug 24, 2018
    топчик
     
    Apr 23, 2021
  4. Hikkori_inactive4114136
    Who's liked this post (1)
    Hikkori_inactive4114136 Apr 23, 2021 2 Apr 22, 2021
    классно, но если собираешься работать и иметь стабильный доход, лучше самому изучить джс.
     
    Apr 23, 2021
    1. akeela Topic starter
      Apr 23, 2021
  5. fork_to
    fork_to Apr 26, 2021 Banned 202 Aug 8, 2019
    Баянище
     
    Apr 26, 2021
Loading...
Top