This members-only tutorial provides the steps to set up a gradient animation as background for a section in Oxygen using Granim.js.
Note: The actual animation will be smoother unlike what got captured in the above screencast. See the examples page for a realistic idea.
Add a Section in the Oxygen editor.
Since you will most likely be having white color text in the Section, you might want to set the starting color in the gradient pair as a Background Color. In this example, let's set it to #aa076b.
Set Text Color to #ffffff.
To ensure that the gradient animation is seen, let's bump up the height of the Section by increasing the top and bottom padding from the default 75px to say, 100px each.
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($37/month or $399 one-time).
Already a member? Log in below or here.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 322 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.