Using layer ID and classes on Lottie Editor | Customize layers using CSS and JavaScript
In this tutorial, we'll learn how to add layer ID and layer classes in Lottie Editor to edit target layers using basic CSS and Javascript. Learn how to change color and interactions to specific elements of your Lottie animation.
Explore Lottie Editor here? https://lottiefiles.com/lottie-editor
Timestamps:
00:00 Introduction
00:30 Open Editor from LottieFiles Platform
01:03 Setting layer ID and layer class(es)
02:16 Saving changes to Lottie
02:35 Enable Asset Link on LottieFiles Platform
02:53 Importing Lottie Player CDN link
03:30 Defining the Lottie Player and setting to autoplay loop
03:40 Copy paste Asset link
03:48 Disabled rendering inside Shadow DOM - disableShadowDOM
04:13 Adding CSS classes to customize Lottie animation
04:19 Changing fill color of class
04:41 Changing stroke of single layer
05:15 Apply CSS class when hovering
06:01 Adding complex interactions using JavaScript
06:17 Comment out the CSS classes
06:42 Creating variables in JavaScript
07:26 Adding a mousedown event listener
08:19 Add attributes to bodyPath variable - setAttributes
Follow #LottieFiles on social media:
YouTube: https://lottie.link/YoutubeSubscribe
Instagram: https://www.instagram.com/lottie.files/
Twitter: https://twitter.com/lottiefiles
Facebook: https://www.facebook.com/LottieFiles/
LinkedIn: https://www.linkedin.com/company/lottie
#LottieFiles #Lottie #MotionDesign #Animation #Motion #LottieAnimation #LottieEditor #EditLottieAnimation #EditLottie #JavaScript #CSS
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Using layer ID and classes on Lottie Editor | Customize layers using CSS and JavaScript», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.