GSAP Lesson 3.6 - Changing Properties of a Regular JavaScript Object - Episode 2

GSAP Lesson 3.6 - Changing Properties of a Regular JavaScript Object - Episode 2

Let's see how GSAP changes the properties of a regular object! Let's create a pre-formatted element with the result identifier and add an object myObj with the numeric properties subscriber, sponsors, delta - just a numeric property and color - a property that we could have called differently, it denotes color. Let's create a function showObj(), which takes a selector as a string as input. Oh, we pretend that we, like GSAP developers, are just as attentive to details and also put the selector in the first place) The second argument will be the object itself, the properties of which we will change. And then we use the gsap.to() method to smoothly change the properties! This is great, we can define intermediate values ​​of these object properties. You can do it in pure JavaScript too :D 🏁 Playlist:    • Урок GSAP 3.6 - Начало работы - Эпизод 1   🚀 Become a sponsor!    / @htmllabru   ✔️ GSAP 3.6 #1 Getting Started -    • Урок GSAP 3.6 - Начало работы - Эпизод 1   ✔️ GSAP 3.6 #2 Changing JS Object Properties -    • Урок GSAP 3.6 - Меняем свойства обычного J...   ✔️ GSAP 3.6 #3 Ease/gsap Transitions -    • Урок GSAP 3.6 - Ease/Переходы gsap - Эпизод 3   ✔️ GSAP 3.6 #4 Animating the h1 Header -    • GSAP 3.6 - Анимируем буквы заголовка h1 - ...   ✔️ GSAP 3.6 #5 Stagger wiggle -    • GSAP 3.6 - Шатаем stagger - Эпизод 5   ✔️ GSAP 3.6 #6 Animation and events -    • GSAP 3.6 - Управление анимацией и события ...   ✔️ GSAP 3.6 #7 Timeline -    • GSAP 3.6 - Timeline - Эпизод 7   ✔️ GSAP 3.6 #8 Draggable plugin -    • GSAP 3.6 - Draggable плагин - Эпизод 8   ✔️ GSAP 3.6 #9 TextPlugin plugin -    • GSAP 3.6 - TextPlugin плагин - Эпизод 9   ✔️ GSAP 3.6 #10 MotionPathPlugin plugin -    • GSAP 3.6 - MotionPathPlugin плагин  - Эпиз...   ✔️ GSAP 3.6 #11 Auxiliary Methods    • GSAP 3.6 - Вспомогательные методы | Utilit...