I try to create a HTML/CSS/JS funnel graph, with a simple front-end structure, in order to do so, I place funnel segments as a flex row: document.addEventListener( 'DOMContentLoaded', function() { let funnels = document.getElementsByClassName( 'funnel' ); for( let i =…
I'm trying to create a block with a smooth, curved cut-out in the top-right corner, similar to the image below: Currently, my implementation looks like this: As you can see, the current curve is not as smooth as I'd like…
Is it possible to make a div border masked in a specific place like in the picture above? Some kind of div masks another div without setting a background-color (because the background of a whole site is a gradient). I…
So I'm trying to create a responsive frame with inverted corners for my website. I achieved to create the shape of it but once I try to add border to it, -webkit-mask cuts it out. Is there any way to…
I'm a novice in coding and I'm trying to figure out how to mask div boxes with multiple circles along the edge on certain positions to get something like this in the picture. The website is www.stampfinity.com - front page…
I'm working on a project where I need to make a div that must have 3 random holes on the borders, making them transparent. The issue I'm facing is, to 2 holes i'm using -webkit-mask with radial-gradient to create 2…
I am working on a web project where I display dynamically rendered items which I would like to display in a very specific way: They should be masked with a black and white image and then be applied an SVG…