I've been trying to get the rhinestone hearts to overlay on top of the pink background but z-index doesn't work! can anyone help me with this? .header { background-repeat: no-repeat; background-size: ...

Why top and bottom borders disappear when I use border-image-slice: 1 50%; border-width: 5px; border-style: solid; border-image-source: linear-gradient(to right, blue, green); border-image-slice: 1 50%...

I'm stuck with this css issue: I have to create a block, with a transparent background, rounded corners, a gradient on the border and a "border cut" under the title. here is the design : ...

Good day, I am finding it hard to build a double right border with the first line being 50% height starting from the bottom. Here is a image to show my outcome should be My code : .border-double-half-...

I am trying to create a border around a square with a corner cut off. I tried to create this by using border-image but having some struggle with getting a border that has a width of 0.1rem all around. ...

I am trying to create a circular border with a gradient around a circle in CSS. I've attempted using border-image with a conic-gradient, but the gradient appears as a conic gradient on a rectangular ...

I try to create a only top border with linear-gradient and radius. I did top border but i can not execute radius. It is possible to make this? I want to have curved corners on top border with linear-...

I'm using css-border-image to put TV show posters into an image of a horizontal TV that has a stand at the bottom, so the image isn't supposed to be centered in the border-image - I want to get it to ...

I am styling an input field with a rounded border (border-radius) like the image below. and attempting to add a gradient to said border. However, I tried applying the code below or the results I found ...

I have a <div> with a red border on top and left side. The border-radius is: 16px 4px 10px 4px But over the top border there is a svg-image (like in this picture). Is there a way to break/stop ...

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } :root { --fall-back-font: "Segoe UI", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; --main-color: #...

I want background gradient to cover under border image as well. but sounds like It doesn't work at all! I have realized if I remove Border, It starts working in Mozilla but I want it to work in Google ...

Is there any way I can make the border look like this image:

The link is here and I hope everyone just sees a repetition of the entire border image in each corner: https://floatinggatesgame.com/devlog/index.html The CSS is extremely simple for now: ...

I have this GIF, that I want to use for a border: But when I apply the following class to a paragraph, only the corners animate. How do I fix this so that the entire border scrolls? .border { ...