Are border gradients compatible with border-radius?

I'm styling an input box with a rounded border (border-radius) and trying to add a gradient effect to the border. I can successfully create gradient and rounded borders, but not both at the same time. Either there are rounded corners but no gradient, or there is a gradient but no rounded corners. -w...

P粉824889650 2023-08-21 20:39:38 0  2  483

Can I use border radius with border images with gradients?

I'm designing an input field with a circular border (border radius) and trying to add a gradient to said border. I can successfully make gradients and circular borders, but neither work together. It's either rounded corners without a gradient, or a border with a gradient but no rounded corners. -web...

P粉633733146 2023-08-29 12:52:01 0  2  531

android - image set border-radius

Setting border-radius on the image on Android was unsuccessful, and I haven't tried it on iOS yet.

巴扎黑 2017-05-24 11:37:48 0  1  714

Border radius doesn't work for img inside anchor point

I'm using the following HTML code: <aclass="-video-detail-qualifiers-branding"><imgsrc=""/></a> SCSS code: .-video-detail-qualifiers-branding{border:2pxsolid#D7C378 ;border-radius:4px;img{h

P粉903969231 2024-04-06 17:20:25 0  1  493

Create a gradient border with a border radius

我有以下的CSS：a.btn.white-grad{background:$lgrey;color:#313149!important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570);border-image-slice:20;float:left;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  435

Why does css border-radius cause elements to disappear in this minimal Angular Material Sidenav component? (demo available)

This is about AngularMaterialSidenav component. In the code below, when I increase the border radius so that it overlaps the enclosing element, the element disappears. <mat-drawer-containerclass="example-container"><mat-drawermode="side"opened>Drawercontent<br/>...

P粉121447292 2023-09-15 20:15:02 0  1  1062

How to add circular border on mp4 video on squarespace

I'm trying to add border radius in square space video but it doesn't work. Does anyone know how to do this? I'm trying to put a circular border on a video and tried the following code: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  564

Border radius: 50% does not work | CSS/HTML/JS

The point here is to set the div's position to the mouse as an additional effect, it should have a radius, but it doesn't work: letinner_circle=document.getElementById("inner_circle");window.addEventListener("mousemove",function(mouse) {inner_circle.style.transform=`t

P粉462328904 2024-03-31 12:57:32 0  2  432

css - img tag has border

How can I remove the border from the img tag? {Code...} I didn't use the image path to put the border on the web page, but I couldn't eliminate it by using border:0....

PHP中文网 2017-06-12 09:24:40 0  3  949

Flexbox design: I want all sides of the text bubble to touch

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px;}<divclass="fm-content"><divclas

P粉002546490 2024-04-01 10:59:44 0  1  371