{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"unstyled","key":"fre1i"},{"data":{"image":{"id":"5ecba0eba3811a33d94a4198"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"dhk4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"AOS — это современная библиотека, которая способна менять позиции элементов при скролле. Богатый функционал, есть возможность создавать свои анимации.","type":"unstyled","key":"dcrbk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"Инструкция по установке и настройке AOS","type":"unstyled","key":"1dd87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рассмотрим на примере подключения через CDN","type":"unstyled","key":"dbt8e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Шаг 1.","type":"unstyled","key":"da3ic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключить перед закрывающим тегом CSS файл","type":"unstyled","key":"d8rpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fag7h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перед закрывающим тегом подключить JS файл","type":"unstyled","key":"3361s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"accf2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Шаг 2.","type":"unstyled","key":"cm846"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выполнить инициализацию библиотеки. Перед закрывающим тегом добавить","type":"unstyled","key":"dfv3d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"e2mt1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Шаг 3.","type":"unstyled","key":"9i1h1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем анимацию для нашего блока. Просто добавьте к блоку data-атрибут c названием анимации","type":"unstyled","key":"cl9p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2gog"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прочие настройки","type":"unstyled","key":"cnmqu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"blockquote","key":"n9e5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ls7j"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":9,"offset":51}],"inlineStyleRanges":[{"length":61,"offset":0,"style":"BOLD"}],"text":" Больше информации читайте в нашем телеграм канале @coderoll ","type":"unstyled","key":"dsoho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"XjqKNwfjkeWbc4P6KcEY"}],"entityMap":{"0":{"data":{"href":"https://ttttt.me/joinchat/AAAAAEriu_n2fqTcid6pdg","url":"https://ttttt.me/joinchat/AAAAAEriu_n2fqTcid6pdg"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}