Help Recreating this mountain clip path effect
Hi all, if you check this codepen you will see that 2nd image down the page has cool mountain clip-path CSS set to the top and bottom of the image.
I was trying to recreate this but was unsuccesful. Main issue is that my clip path (or custom SVG) stretched when resizing viewport, while in the codepen you can see that mountains retain their aspect ratio, never stretching or squishing regardless of viewport size.
What I missing here, how can I recreate this effect? When applying identical CSS to my markup the mountains always squish down
https://codepen.io/BillyHill/pen/xBvKpE
I was trying to recreate this but was unsuccesful. Main issue is that my clip path (or custom SVG) stretched when resizing viewport, while in the codepen you can see that mountains retain their aspect ratio, never stretching or squishing regardless of viewport size.
What I missing here, how can I recreate this effect? When applying identical CSS to my markup the mountains always squish down
https://codepen.io/BillyHill/pen/xBvKpE
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
