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
We make your WordPress site super lightweight and efficient
We Rebuild your Website with GeneratePress or Kadence Blocks
Do you have a site using a clunky theme and this causes your server to have performance problems?
Don’t worry, we have been working with WordPress for years, and we can rebuild your site using GeneratePress or Kadence Blocks to give you all following advantages:
Boosted Performance
Better Core Web Vitals
Increased Conversions
Improved Rankings
Convert Your Site Today
Get a free, no obligation estimate.
Using only the necessary code maximizes site performance, allowing you to get more visits using less resources.
Page speed impacts conversions. It’s also relevant from a user experience perspective – a slow site just doesn’t survive these days.
Site speed influences SEO. Google has indicated that the speed at which your page loads is an important signal in determining its ranking.
100
Core Web Vitals are standardized metrics to measure user experience. Efficient and lightweight sites get high ratings in Core Web Vitals.
Using only the necessary code maximizes site performance, allowing you to get more visits using less resources.
Page speed impacts conversions. It’s also relevant from a user experience perspective – a slow site just doesn’t survive these days.
Site speed influences SEO. Google has indicated that the speed at which your page loads is an important signal in determining its ranking.
100
Core Web Vitals are standardized metrics to measure user experience. Efficient and lightweight sites get high ratings in Core Web Vitals.
Using only the necessary code maximizes site performance, allowing you to get more visits using less resources.
Page speed impacts conversions. It’s also relevant from a user experience perspective – a slow site just doesn’t survive these days.
Site speed influences SEO. Google has indicated that the speed at which your page loads is an important signal in determining its ranking.
100
Core Web Vitals are standardized metrics to measure user experience. Efficient and lightweight sites get high ratings in Core Web Vitals.
What our friends say about our work
Brian Jackson
Co-founder,
Forgemedia
“I always encourage our clients to ditch heavy page builders and move to lightweight solutions like GeneratePress and GenerateBlocks. However, many don’t have the time or knowledge. This is where WP Boosters comes in. They can handle the conversion for you. The end result is a blazing-fast site that is easy to maintain going forward. I highly recommend reaching out to Victor at WP Boosters!”
“WP Boosters has been a valuable partner to me over the last couple of years. I have to turn down request to convert websites to GeneratePress & GenerateBlocks quite often due to time. There’s a small group of people I’m 100% comfortable referring these leads to, and Victor at WP Boosters is one of them. He always does a great job and the leads I referred to him are always happy with the outcome.”
Mike Oliver
Founder,
mikeoliver.me