Last week I showed you some masking examples where the mask was more than a rectangle, including a couple where the mask fill was a gradient or pattern. Perhaps even more interesting, you can add a mask on top of an image or use an image or text as the mask.
Tag: examples
SVG Masking Examples — Paths, Gradients, And Patterns
SVG Clipping Path Examples — Multiple Shapes and Images
Last week I walked through a few examples using the path element and the text element as clipping paths. I also showed you how to clip elements inside a group as opposed to individually.
CSS Grids: Examples and Code for Common Layouts
Earlier in the week I walked through the css grid layout module. There was a lot to cover and as the post grew long I saved some real examples for today.