jwerre
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
Performance is definitely something to think about here.
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
It would be much more efficient to just clip the image before hand instead of asking the browser to create a complicated mask each time the image loads.
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
ya, but there isn't full support for Edge and Safari
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
you can't create a mask in CSS
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
Right, you'll need to clip the image itself in a raster based image editor (like Photoshop).
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
Also check out this:
https://youtu.be/72pUm4tQesw?si=IClFBhUeOtVw52Zq
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
26 replies
KPCKevin Powell - Community
•Created by Yas_!_ru on 5/7/2024 in #front-end
How to replicate this style
Any image will overflow, just make sure you have
overflow-x: hidden; and overflow-y: visible;26 replies