我有一个白色的文本标题。 我想在图像上放置图像而不是白色。 文本足够大,可以显示将要填充的图像。

图片

这基本上就是我想要的。.文本后面有完全不同的背景图像,我想在文本上填写另一张图像。

#1楼 票数:1 已采纳

您需要使用background-clip来掩盖文本。 解决方法如下:

<h1>Shashank Jaiswal</h1>
h1 {
    font-family: Arial;
    font-size: 5em;
    text-align: center;

    background-image: url(http://tn.clashot.com/thumbs/3391302/58941884/thumb_w800.jpg);

    -webkit-background-clip: text;
    background-clip: text;

    color: rgba(0,0,0,0);
}

演示: http : //jsfiddle.net/gnoyubwc/

#2楼 票数:-1

您可以为此使用photoshop并创建剪贴蒙版。 您将得到您想要的一切!

  ask by shashankj translate from so

未解决问题?本站智能推荐:

6回复

如何使用CSS3更改图像的颜色?

这有效: 而这不是: 是否有类似img { opacity: 1 }东西允许为图像定义hsl值?
4回复

使用图像作为边框CSS3

我需要使用图像作为边框。 我有图像,但是无法成功完成任务。 我需要在整个身体上使用该边框。 看一下我的工作: http://jsfiddle.net/A3MBH/ 我需要看起来像上面,但使用图像。 有人可以帮忙吗? 我需要什么? 我基本上需要带有阴影效果的圆形边
3回复

使用CSS3缩小图像

假设我需要制作缩小图像的动画。 该图片是由我的网站的用户设置的,我不知道它的大小。因此,页面上有一个随机图片,当访问者单击按钮时,它会缩小图片(嗯,这不是真的)我正在寻找,但是我需要那个动画)。 JavaScript / jQuery 仅在我的示例中用于告知您,我的意思是。 在此文本下
4回复

使用CSS3或带图像的圆角?

现在创建它们的不同之处和最佳方式是什么?
2回复

CSS3中的多个垂直背景颜色

问题: 尝试创建一个解决方案,允许我有五种多种背景颜色,无论宽度如何都可以填充网页。 我已设法用5个div标签做到这一点,但我想知道是否可以使用CSS3完全做到这一点? 我想要的结果是: 我搜索过Stackoverflow和网页没有任何结果,或者我只是非常糟糕地搜索。
1回复

更改CSS3中的背景颜色

我有以下内容: 我的问题是: 我怎样才能更改起始颜色(红色)这个(下一行)会喜欢这个颜色的背景:
2回复

在Opera 12中使用css3的多个图像

我在CSS中使用了多张图片,在Firefox和chrome最新版本中看起来还可以,但是Opera v12.0并没有很好地放置我的第二张图片。 它显示到页面的中间(即使Opera 12支持多个图像)。 这是我正在使用的css: 也尝试了这个:(相同的结果) 身体{ }
2回复

背景颜色和背景图像CSS3之间的过渡

我有一组div,我希望他们每个人都有不同的背景颜色,并在悬停时过渡到所选网址的背景图像。 到目前为止,我设法找到了平滑颜色的代码 - >图像转换但是需要HTML中的实际img代码,我需要这些div,因为我将把文本放入其中。 是否有机会通过CSS执行从背景颜色到背景网址的平滑0.5秒