问题标签 [css-gradients]

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 投票
1 回答
39 浏览

html - 使用 CSS 向圆形图像添加外部渐变边框或叠加形状

我正在尝试使用 CSS 将三种纯色(图 B)的外部渐变边框(图 B)添加到图像(图 A)中,但到目前为止我尝试过的方法并没有太多运气。图像将具有border-radius: 50% 以使它们成为圆形,并且外边框需要随图像缩放。我希望能够仅使用 CSS 类将其快速应用于任何图像。

我尝试过 SVG 蒙版、边框图像和常规叠加,但似乎都没有完成手头的任务。 这支笔是我得到的最接近的,但是我需要图像和边框之间的空白。

关于我应该如何处理这个问题的任何想法?

我想要的例子

0 投票
1 回答
27 浏览

reactjs - 是否可以使用图像背景“线性渐变(向左,绿色 70%,红色 30%)”来反应原生应用程序?

我可以通过 html、css、jquery 来实现

这是我的html代码:

输出如下: 在此处输入图像描述

现在我想在后端可用的 react-native app.percentage 中使用具有这种背景的图像。setTimeout 和 clearInterval 不是强制性的。

0 投票
3 回答
39 浏览

html - 如何将三列渐变转换为两列?

我正在尝试做一个 50/50 的垂直背景。我正在尝试使用背景渐变来完成此操作,但它将背景分成三部分而不是两半。

如果我将度数更改为 90,它会将屏幕水平分成两半,但当更改为 180 时,它要么只分割屏幕的上半部分,要么将屏幕分成三份。有人可以解释发生了什么以及如何解决它吗?

在此处输入图像描述