Hi all,
I’m looking to create an animation for a video frame similar to the opening animation on this page TUX CREATIVE HOUSE • Plan / Make / Launch. Essentially the video frame transtions from a 16:9 to 9:16 and visa versa. What would be the best way to go about building this out in Webflow?
Here is my public share link: LINK
(how to access public share link)
If you apply object-fit: cover to the video element you can apply any height width and the video will be cropped for that size, that means video won’t stretch.
Within Webflow you can use Background Video element, you just have to apply height and width to it and best if you apply position: relative with z-index: 0, to make it visible on the designer.
And then you can animate height/width properties for the interaction.
Great! Thanks, I’ll give it a try and see how it goes!