Jump to content Designcode – SVG animations using GreenSock Fre...
View in the app

A better way to browse. Learn more.

Designcode – SVG animations using GreenSock Fre...
Baseops Forums

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Designcode Вђ“ Svg Animations Using Greensock Fre... Direct

The course is designed to guide you through the entire lifecycle of an animated asset, from initial creation to final implementation:

Taught by Christina Gorton, a creative coder and front-end developer, this course focuses on using the to bring Scalable Vector Graphics (SVG) to life. The curriculum is structured into nine sections totaling roughly two hours of video content, taking a beginner-friendly, step-by-step approach. Key Learning Pillars Designcode – SVG animations using GreenSock Fre...

: Master specialized tools that simplify complex tasks: The course is designed to guide you through

: The final lessons focus on bringing everything together to animate user interface elements, ensuring your animations serve a functional purpose in a real web environment. Why Choose GSAP for SVGs? SVG Animations with GreenSock - Design+Code a creative coder and front-end developer

: For smooth transitions between entirely different shapes.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.