标签: gradient

如何在同一元素上组合背景图像和CSS3渐变？

我如何使用CSS3渐变为我background-color,然后应用一个background-image应用某种光透明纹理？

css gradient background-image css3

Ron*_*ld

2016 02-26

1203
推荐指数

10
解决办法

68万
查看次数

在身体上设置的CSS3渐变背景不会拉伸,而是重复？

好吧说内容<body>总计300px高.

如果我设置我的<body>使用-webkit-gradient或背景-moz-linear-gradient

然后我最大化我的窗口(或者只是让它高于300px)渐变将正好是300px高(内容的高度),并重复填充窗口的其余部分.

我假设这不是一个bug,因为它在webkit和gecko中是相同的.

但有没有办法让渐变拉伸填充窗口而不是重复？

css gradient css3

JD *_*cks

2012 09-30

410
推荐指数

7
解决办法

30万
查看次数

CSS3透明度+渐变

RGBA是非常有趣的,所以-webkit-gradient,-moz-gradient和呃... progid:DXImageTransform.Microsoft.gradient...是啊.:)

有没有办法将RGBA和渐变两者结合起来,这样就可以使用当前/最新的CSS规范来实现Alpha透明度的渐变.

css gradient css3

Jou*_*key

2013 04-20

281
推荐指数

3
解决办法

38万
查看次数

渐变边框

我正在尝试将渐变应用到边框,我认为这样做很简单:

border-color: -moz-linear-gradient(top, #555555, #111111);

Run Code Online (Sandbox Code Playgroud)

但这不起作用.

有谁知道边界渐变的正确方法是什么？

css gradient css3

Mar*_*ark

2018 12-21

259
推荐指数

9
解决办法

54万
查看次数

Android LinearLayout渐变背景

我无法将渐变背景应用于LinearLayout.

这应该比我读过的内容相对简单,但它似乎没有用.作为参考,我正在开发2.1-update1.

header_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="90"
        android:startColor="#FFFF0000"
        android:endColor="#FF00FF00"
        android:type="linear"/>
</shape>

Run Code Online (Sandbox Code Playgroud)

main_header.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="50dip"
    android:orientation="horizontal"
    android:background="@drawable/header_bg">
</LinearLayout>

Run Code Online (Sandbox Code Playgroud)

如果我将@ drawable/header_bg更改为颜色 - 例如#FF0000,它可以正常工作.我错过了一些明显的东西吗？

android gradient android-layout android-linearlayout

Gen*_*sis

2013 07-21

235
推荐指数

6
解决办法

24万
查看次数

UIView和UILabels在iPhone上的渐变

可能重复:
在iPhone应用程序中手动绘制渐变？

我的应用程序需要在a UIView或者背景中显示文本,UILabel但是背景必须是渐变而不是true UIColor.使用图形程序创建所需的外观并不好,因为文本可能会根据从服务器返回的数据而有所不同.

有谁知道解决这个问题的最快方法？非常感谢您的想法.

iphone cocoa-touch gradient ios

Ton*_*lon

2017 05-23

219
推荐指数

6
解决办法

17万
查看次数

使用具有渐变背景的CSS3过渡

我正在尝试使用css悬停在缩略图上进行转换,以便在悬停时,背景渐变淡入.转换不起作用,但如果我只是将其更改为rgba()值,则可以正常工作.是否不支持渐变？我也尝试使用图像,它也不会转换图像.

我知道这是可能的,就像在另一篇文章中有人做过的那样,但我无法弄清楚究竟是怎么回事.任何帮助>这里有一些CSS可以使用:

#container div a {
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  position: absolute;
  width: 200px;
  height: 150px;
  border: 1px #000 solid;
  margin: 30px;
  z-index: 2
}

#container div a:hover {
  background: -webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .4)))
}

Run Code Online (Sandbox Code Playgroud)

css gradient css3 css-transitions

alt*_*alt

2019 05-27

206
推荐指数

9
解决办法

26万
查看次数

如何在android中制作渐变背景

我想创建渐变背景,其中渐变位于上半部分,下半部分是纯色,如下图所示:

我不能因为centerColor展开以覆盖底部和顶部.

在按钮的渐变中,白色水平线在顶部和底部逐渐变为蓝色.

如何制作像第一张图像的背景？如何制作centerColor不散布的小号？

这是上面背景按钮的XML代码.

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <gradient 
        android:startColor="#6586F0"
        android:centerColor="#D6D6D6"
        android:endColor="#4B6CD6"
        android:angle="90"/>
    <corners 
        android:radius="0dp"/>


</shape>

Run Code Online (Sandbox Code Playgroud)

android gradient background shapes

kon*_*kea

2018 11-03

201
推荐指数

8
解决办法

37万
查看次数