Sample Page

GreenShift

is Page Builder

This effect is based on Clip path feature and option in the Animation container Block to add animations to CSS variables. It’s described in details in this video

Tricky part of this effect is to add also background letters. For this, you need to place the same text layer twice. One will be animated, second will be as background, we leave it without animation and set opacity of layer as 10-20%.

We also added on scroll interpolation. In our case, our effect is on top of page, so we must animate it once user start to scroll. So, we added 0 as start point and +=200 as end point of animation. For second layer we set 100 as a starting point. If your layer is not visible on page loading, then, you need to remove start point. In this way, the animation will start once layer will be visible on page

This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:

Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)

…or something like this:

The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.

As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!