问题标签 [border-radius]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
140 浏览

css - 进度条 Ionic 4 中进度值的边界半径?

Ionic 4 中进度条的边框半径存在一些问题。我为 设置了边框半径,<ion-progress-bar>但它仅适用于进度条,而不是进度当前值。我该如何解决?我在文档中找不到任何可以帮助我的进度条。请大家帮忙,谢谢!

这是关于我的问题的图片

在此处输入图像描述

这就是我想要得到的,我通过直接在浏览器中添加 CSS 来编辑它 在此处输入图像描述

0 投票
2 回答
72 浏览

flutter - Flutter : 两个容器半径有小线阴影

在此处输入图像描述

现在我正在尝试绘制一个带有半径边框的容器以与另一个容器相交但是有一条线在每个容器周围仍然可见,如图所示有谁知道如何隐藏它!

有我的代码

0 投票
2 回答
104 浏览

css - 如何仅使用 css 来拥有具有不同形状的多个背景?

我想在我们的时间选择器组件中为选定的日期创建一个两层背景,其中顶层是一个圆形,底层是一个半大小的正方形。

这就是我所拥有的

在此处输入图像描述

这是理想的结果

在此处输入图像描述

我试着用linear-gradient它来做一半,为了把上面的一个做成一个圆圈,我用过border-radius: 50%,但这也适用于我的底部背景

任何提示都会有所帮助,谢谢!

0 投票
0 回答
34 浏览

react-native - 双曲边界半径 - React Native

TL;DR,有一种方法可以borderRadius使用以下公式在 React Native 中进行数学生成:

该设计

我最近在 Dribbble 上看到了这个设计,希望改进我的应用程序的设计。

在 CSS 中,该border-radius属性允许向元素添加圆角。同样,React Native 具有borderRadius属性以及各个角(即borderRadiusTopLeft& borderRadiusTopRightborderRadiusBottomLeft& borderRadiusBottomRight)。

半径设置为 15的元素borderRadius产生以下结果:

边界半径:15

问题

但是,我想添加一个几乎双曲线的缓和边界半径,例如:

双曲边界半径

经过进一步调查和检查(使用 Adob​​e Illustrator),我能够确定角的边界半径不是完美的半径,如下所示:

并排边界半径

我尝试了下面的“电视形状”来产生我正在寻找的东西,但是,它覆盖了几个元素。

产生[恶心]:

令人讨厌的角落

这很接近,但使用多个元素来生成 1 个元素(对于卡片或按钮等元素不太理想)。

然后我的问题是,有没有一种方法可以使用以下公式在数学上产生边界半径:

或者也许使用微软的 React Native SVG库来实现上述功能?

0 投票
0 回答
16 浏览

safari - Safari 上的像素边界半径问题

当我悬停跨度时,我遇到了 Safari 的问题。边界半径是像素化的。你能帮助我吗 ?

悬停在 Safari 上

悬停在铬上

CSS

0 投票
1 回答
40 浏览

html - 导航栏链接的悬停框问题

我对网络开发很陌生。

我使用 Bootstrap 创建了一个导航栏,并在链接中添加了一个 :hover。我还给了悬停框一个颜色,并使角落变圆。

当我将鼠标悬停在链接上时,框会转动(按预期)。问题是当我将鼠标悬停在链接上时,它会变回一个框。我试图寻找答案,但没有运气。

我只希望每个链接的容器大小相同,并在悬停在链接上和离开链接时保持圆形。

我将尝试添加我的代码,以便大家可以看到我正在使用的内容。

这是我的 HTML 代码:

这是我的 CSS 代码:

如果需要,这里是 codepen 的链接: https ://codepen.io/sevilu6/pen/gOmPoZr

0 投票
0 回答
243 浏览

android - 如何在 HighCharts Android 包装器中仅将borderRadius应用于柱形图的顶部

这不是与此重复的问题

对于 HighCharts Android 包装器,如果我只想在顶部实现圆角下方,有什么选择吗?

在此处输入图像描述

github 中的相同查询 - https://github.com/highcharts/highcharts-android/issues/199

0 投票
2 回答
47 浏览

css - Border-radius 和 box-shadow 属性不影响代码

大家好,我正在尝试将框阴影和边框半径添加到我的.card元素。但什么也没有发生。我该如何解决这个问题。为什么会这样?我有一个关于弹性盒的理论。

还有谁可以批评我的班级命名。我第一次在这里尝试使用 BEM 方法。为它们设计样式和命名它们的时间很长。我做对了吗?

0 投票
2 回答
477 浏览

flutter - Flutter:如何修复并为轮廓按钮添加边框和颜色?

有人能告诉我为什么我的代码没有使边框变成蓝色,而是让它的宽度为 3.0?

这就是它的样子(L:我的应用程序,R:教程应用程序): 在此处输入图像描述

编码:

我还必须在某处添加它(但由于 textColor 在颤振 2.0 中已被贬低,我想知道如何处理它......):

谢谢!

0 投票
2 回答
88 浏览

html - 如何使用边框半径和背景线性渐变创建元素 div 顶部垂直

我需要创建一个具有不同高度的左上角和右上边框的div,每个顶端的半径分别为50px,加上线性渐变背景色。

你知道是否可以用 CSS 和 HTML 创建它吗?

感谢您的意见。

它应该如下所示:

在此处输入图像描述