具有移动背景的css剪辑文本

文章/答案/技术大牛

发布

2回答

html、css

当涉及到CSS时，我真的是一个新手--但我看到了使用文本作为背景遮罩的这种很酷的效果。我让它工作得很好，但我已经下定决心要尝试让背景动画不断向左滑动。我就是不能让它工作。 transform: translateX(0); to { } } <h1>PEOPLE</h1> 它滑得很好……但文本掩码也是如此当背景滑动到一边时，如何保

浏览 19提问于2019-12-17得票数 0

1回答

查看图像的一部分，并允许使用JavaScript查看图像的其他部分

javascript、html、css、image、scroll

我一直在努力编写一个程序来查看一个图像为7960x8264的500x1000。你可以用W，S，A和D键移动你的视图。我知道CSS剪辑函数，我尝试使用JS来修改它。<div id="container"> </div>谢谢你的帮助

浏览 1提问于2017-01-28得票数 1

回答已采纳

2回答

具有translateY位置的背景剪辑文本

css

我在测试背景文本剪辑时遇到问题。我想垂直居中div，它有一个可变的高度。所以我使用了TranslateY。问题是背景剪辑图像在它应该移动的时候也会移动。我这里有一个小演示： transform: translateX(-50%) translateY(-50%); 谁能给我一个解决方案？:)

浏览 1提问于2015-04-09得票数 0

2回答

不同顺序的CSS规则会导致不同的结果。

css、background、mask

我刚看了一下CSS背景剪辑。这是一种用图像掩盖文本的方法。(或者反过来？^^)。无论如何，我认为CSS中的语句顺序不会影响结果，但是对于背景剪辑则会影响结果。用于此效果的CSS通常如下所示： color: transparent; -webkit-background-clip文本没有蒙

浏览 3提问于2013-08-29得票数 0

回答已采纳

2回答

CSS背景。内容盒与封面相结合

html、css、background-image

如果我同时使用背景原点:内容框；和背景大小:掩护；在一个元素上使用一些填充。背景图像仍然覆盖底部填充(在最新版本的Safari，Chrome，Firefox和IE) background-image: url('http://lorempixel.com/400background-repeat: no-repeat; border: 5px red solid;} 这是正确

浏览 0提问于2017-03-27得票数 2

回答已采纳

1回答

从另一个电影剪辑中获取图形/电影剪辑x，y位置？

actionscript-3、flash、movieclip、graphic

我有一个游戏，我让背景在一个角色后面移动，这个角色停留在屏幕上的一个位置上。我对ActionScript3比较陌生，但我希望只要玩家在背景中经过的某些对象上按下某个键，就会弹出文本框。所以，基本上背景本身就是一个电影剪辑，我在背景mc中有其他的图形和电影剪辑。我在考虑得到player.x和y的位置，然后“比较”这个位置(>=和<=等)。以图形/电影剪

浏览 0提问于2012-10-06得票数 0

回答已采纳

1回答

如何制作背景视频和其他视频在剪辑路径(与动画)之上。？像这样

javascript、html、css、reactjs、video.js

因此，我有一个视频在背景和另一个视频运行在剪辑路径在视频顶部和视频剪辑路径从左向右移动。CSS足够了吗?还是我需要js？我怎样才能制作一个视频呢？

浏览 4提问于2021-12-28得票数 1

1回答

将文本转换为具有透明背景的位图或电影剪辑

actionscript-3

如何将文本转换为具有透明背景的位图或动画剪辑。我可以把文本转换成位图，但它的背景是白色的。

浏览 4提问于2011-02-13得票数 4

回答已采纳

3回答

如何通过CSS将模式转化为书面文本？

css、css-sprites

几天前，我在一个网站上看到一个有背景图像的书面文本。我不想在课文后面有背景图像。我不知道如何做到这一点。:( 谢谢加戈！

浏览 7提问于2011-07-15得票数 3

2回答

固定位置背景-文本剪辑

html、css

是否有可能将背景剪裁的图像(在文本中)保持在固定位置？您可以在这里看到一个例子，.text { -webkit-background-clip: te

浏览 3提问于2015-10-25得票数 4

回答已采纳

4回答

CSS -使用透明颜色查看背景图像的文本

css、cross-browser、transparent

我需要做一个透明的文本，你可以看到下面是什么(图片)示例： 

浏览 0提问于2013-12-04得票数 0

1回答

Firefox缩放问题导致像素化/模糊边框

html、css、firefox、mobile

基本上，我有一个使用"viewport“元标签缩小的网页。如果元素在从Bugzilla移动浏览器中查看时应用了以下CSS，则结果边框实际上是模糊/像素化的。 <title>Document</title> <body&

浏览 6提问于2022-02-15得票数 1

1回答

如何将文本包装成图像？

javascript、html、css

谁能解释一下，如何在HTML/CSS或HTML 5/CSS 3/JS中达到这种效果？变体备选案文三：我如何定位文本在图像，背景与文字一起？非常感谢! Links to jsFiddle code

浏览 2提问于2013-09-12得票数 0

1回答

罗盘:语法错误:未定义的混合“用户选择”

css、sass、compass-sass

我使用的是0.12.2版本，我确信它支持指南针中的。那我为什么不能用这个混音呢？误差包括 @import "compass/css3"; @import

浏览 2提问于2013-07-11得票数 5

回答已采纳

2回答

css3边界-图像透明的png问题

html、png、transparency、css

我使用的是带有透明部分的PNG图像的border-image。问题是div将background-color设置为黑色。当我应用border-radius时，模式的透明部分显示div的黑色，而不是包含div的元素的背景。

浏览 0提问于2010-10-29得票数 2

回答已采纳

2回答

我是动作脚本的新手。我试图创建一个无休止的滚动背景，从舞台上到舞台下，当然是垂直的。我试着创建一个电影剪辑，将图像放在一个电影剪辑中，并应用一些代码，它就像一个护身符，但我注意到了一些漏洞。因此，我尝试了我在堆栈委员会找到的另一种方法，该方法建议使用newBitmapData方法。我发现的问题是背景会从左向右移动，我尝试了一下，它很完美。我试图理解其中的所有变量和因素，以便更改它并使其从上到下滚动，

浏览 3提问于2016-04-01得票数 1

3回答

Div“吃”在上面的图像中--术语是什么？

javascript、jquery、html、css、animation

从我所能看到的，下面的div某种程度上侵蚀了上面的图像，当你向下滚动时，创建了我认为是一个很好的视觉效果。使用它的站点上的示例：

浏览 0提问于2015-05-19得票数 0

回答已采纳

2回答

有没有一种简单的方法来设置渐变文本的样式？

colors、css、gradient

可以使用渐变设置背景的样式，如：background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); 有没有一种方法可以用渐变来设置文本的样式?-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));这样的

浏览 2提问于2010-11-30得票数 1

回答已采纳

1回答

CSS3梯度背景自旋

jquery、animation、css、webkit、gradient

我在一个项目上设置了一个CSS3背景梯度，我想让它慢慢旋转。我刚刚从CSS3 & HTML5开始(请注意，我已经使用了15年的CSS和HTML5，不过还有很多新的东西)。是否有可能只旋转背景，而不是实际元素？ (删除到页面的链接，因为它不再存在)它是一个背景梯度，即使它在文本的前景上，必须喜欢背景剪辑)；我不希望文本旋转，但我确实希望背景

浏览 6提问于2012-04-20得票数 3

回答已采纳

点击加载更多