Samuel Brynolf

Maska bilder med clip paths (CSS)

Jag sprang på motio.no och la märke till att de använde transparenta bilder för att maska sina (fina) bilder. De använder säkert webkit-masker för detta. Men det kanske finns fler sätt?

Dock går det att göra utan extra http-requests för bilder, när det kommer till enklare diagonaler och basformer. Se Clip path, Css på Codepen. Se även onlineverktyget Clippy som genererar clip-paths.