Relative Content

Tag Archive for csssass

backdrop-filter: blur(); not workig properly

I am using scss and inside my _header.scss file which I am using inside of my main.scss like this: @use “header”; i have the following code (I cut out some unimportant parts like borders, margins, paddings, font-size etc.):

SCSS/CSS clip path with inner border and opaque through two divs

I am trying to create a text box that is a box of text. The text needs to have a border around it and, then have an opaque background. The box is created using a clip-path and for some reason “border” itself doesn’t follow the clip-path so had to use a filter drop-shadow to create the border. However, because that border is set so that the box continues along the outside, making the border look like it’s inset and that there is padding I place it inside another clip-path box.