# first.items[].content
A really cool bonus with this #SVG #filter method is that it also works on non-rectangular shapes! 🥳🎉

See this #CodePen demo https://codepen.io/thebabydino/pen/abV gQJB/ - also an entry for this week's #CodePenChallenge

This can help with sliders such as these https://codepen.io/thebabydino/pen/Pwa GLM

#filterEffect #mask #masking #cssMask #CSS #code #coding #web #dev #webDev #webDevelopment #frontend

# first.items[].contentMap.en
A really cool bonus with this #SVG #filter method is that it also works on non-rectangular shapes! 🥳🎉

See this #CodePen demo https://codepen.io/thebabydino/pen/abV gQJB/ - also an entry for this week's #CodePenChallenge

This can help with sliders such as these https://codepen.io/thebabydino/pen/Pwa GLM

#filterEffect #mask #masking #cssMask #CSS #code #coding #web #dev #webDev #webDevelopment #frontend

# first.items[].attachment[].name
Screenshot of first linked demo, which uses an SVG filter that subtracts an offset and blurred version of the input out of the input's alpha to get an inner black shadow.

# first.items[].attachment[].name
Screenshot of the second linked demo, showing how a non-rectangular shape such as the previous one can be used for a range input.