web animation

Website menu animation using GSAP

website menu animation frontend tricks
in Front-end | June 2, 2020

Let’s consider creating a simple menu animation using GSAP. That’s the result we’ll get at the end. Let’s start implementing website menu. 1.HTML Our structure will be as follows: 2.SCSS 3.JavaScript Let’s declare the variables. At onReady we assign values to them. Create a function with animation and time line. We show the menu. We set the […]

Solar System Animation (GSAP 3)

How to create Solar System Animation with HTML CSS GSAP3
in Front-end | May 22, 2020

Imagine that we are George Lucas and create a piece of space. Lol 🙂 To do this, we found a suitable image in the SVG format and edited it a little. So, let’s begin…. 1. HTML We use the HTML Pug (Jade) preprocessor because it is cool and useful, so there will be no pure html […]

Animating Elements Using the MotionPath Plugin

Animating Web Elements Using the MotionPath Plugin
in Front-end | January 21, 2020

MotionPath is one of the new animation features in GSAP 3. This plugin allows you to turn any path from SVG into the motion path of your animated element. Beginning of work: Connecting gsap Connecting MotionPathPlugin. It needs to be connected separately, since it is not part of the gsap kernel. Next we create the […]

Web animation for modern projects

Web animation for modern projects
in Front-end | November 29, 2018

Our team specializes in the development of the complex web animation for sites in the USA and Europe, and we have been embodying the most daring design solutions for our customers for several years. Our accumulated experience allows our developers to make rich, presentable and unique sites, introducing different effects and animation to any elements […]