问题标签 [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.
react-native - 双曲边界半径 - React Native
TL;DR,有一种方法可以borderRadius
使用以下公式在 React Native 中进行数学生成:
该设计
我最近在 Dribbble 上看到了这个设计,希望改进我的应用程序的设计。
在 CSS 中,该border-radius
属性允许向元素添加圆角。同样,React Native 具有borderRadius
属性以及各个角(即borderRadiusTopLeft
& borderRadiusTopRight
,borderRadiusBottomLeft
& borderRadiusBottomRight
)。
半径设置为 15的元素borderRadius
产生以下结果:
问题
但是,我想添加一个几乎双曲线的缓和边界半径,例如:
经过进一步调查和检查(使用 Adobe Illustrator),我能够确定角的边界半径不是完美的半径,如下所示:
我尝试了下面的“电视形状”来产生我正在寻找的东西,但是,它覆盖了几个元素。
产生[恶心]:
这很接近,但使用多个元素来生成 1 个元素(对于卡片或按钮等元素不太理想)。
然后我的问题是,有没有一种方法可以使用以下公式在数学上产生边界半径:
或者也许使用微软的 React Native SVG库来实现上述功能?
html - 导航栏链接的悬停框问题
我对网络开发很陌生。
我使用 Bootstrap 创建了一个导航栏,并在链接中添加了一个 :hover。我还给了悬停框一个颜色,并使角落变圆。
当我将鼠标悬停在链接上时,框会转动(按预期)。问题是当我将鼠标悬停在链接上时,它会变回一个框。我试图寻找答案,但没有运气。
我只希望每个链接的容器大小相同,并在悬停在链接上和离开链接时保持圆形。
我将尝试添加我的代码,以便大家可以看到我正在使用的内容。
这是我的 HTML 代码:
这是我的 CSS 代码:
如果需要,这里是 codepen 的链接: https ://codepen.io/sevilu6/pen/gOmPoZr
android - 如何在 HighCharts Android 包装器中仅将borderRadius应用于柱形图的顶部
这不是与此重复的问题
对于 HighCharts Android 包装器,如果我只想在顶部实现圆角下方,有什么选择吗?
github 中的相同查询 - https://github.com/highcharts/highcharts-android/issues/199
css - Border-radius 和 box-shadow 属性不影响代码
大家好,我正在尝试将框阴影和边框半径添加到我的.card元素。但什么也没有发生。我该如何解决这个问题。为什么会这样?我有一个关于弹性盒的理论。
还有谁可以批评我的班级命名。我第一次在这里尝试使用 BEM 方法。为它们设计样式和命名它们的时间很长。我做对了吗?
html - 如何使用边框半径和背景线性渐变创建元素 div 顶部垂直
我需要创建一个具有不同高度的左上角和右上边框的div,每个顶端的半径分别为50px,加上线性渐变背景色。
你知道是否可以用 CSS 和 HTML 创建它吗?
感谢您的意见。
它应该如下所示: