Create Before and After Photo Effects with ScrollTrigger - GSAP/Motion.page and Bricks Builder 🔥
Hello guys! 👋🏻
In this video, we will show you some cool effects using clip-path that you can use to create awesome before/after effects! 🔥
This tutorial will make use of the scrollTrigger and we will manipulate the CSS clip-path property. We will use both polygons and circles in this example.
We hope you like the simple effect and please don't hesitate to get in touch with us if you have any questions!
Many thanks, and see you in the next one!
The link to the CSS clip-path-maker: https://bennettfeely.com/clippy/
----------------------------------------------------
00:06 - Intro
00:24 - Quick Demo
01:14 - Open Oxygen Builder
01:14 - Open Oxygen Builder
01:53 - Create and Position Second Image
03:08 - Create Motion.page Timeline
03:52 - CSS Clip-Path-Generator
04:28 - Create clip-path Property
07:16 - Create Second Example
13:50 - Circle clip-path Example
14:10 - Create Third Example
16:15 - All Examples
16:35 - Outro
----------------------------------------------------
Purchase Motion.page today - https://motion.page
Core Framework - https://coreframework.com
This video uses the Violet UI Kit which you can purchase here: https://coreframework.com/marketplace...
Watch video Create Before and After Photo Effects with ScrollTrigger - GSAP/Motion.page and Bricks Builder 🔥 online without registration, duration hours minute second in high quality. This video was added by user MotionPage 15 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,873 once and liked it 51 people.