我正在尝试动画一个div元素的背景，并且我已经从其他人的代码中获得了动画效果。问题是背景的css属性是background-size:cover，所以它在动画中显示图像的副本，如何创建图像的水平和垂直位置的动画，并在动画完成后不显示重复的图像？有没有一段代码可以让它以我想要的方式工作，或者有没有一个插件可以做到这一点，具有背景大小的缩放效果，P.S背景必须是背景大小:封面因为有弹性的网页设计，这是代码。
$({temporary_x: 0, temporary_y: 0}).animate({temporary_x: -20, temporary_y: -20}, {
duration: 3
浏览 0提问于2014-01-23得票数 0
1回答
我有一个背景的网站，有一个粒子效果，是使用CSS动画。
每当您切换页面时，粒子就会被破坏和重置。是否有任何解决方案，让我只改变网页的网页内容，而不影响背景？从技术上讲，粒子是一种元素。
浏览 5提问于2021-12-15得票数 0
1回答
使用画布动画作为背景
、、、
我已经做了一个翻转动画，我想用它作为我的网站的背景。我已将画布大小设置为1280*800，并将其保存为网页。我尝试使用iframe并让浏览器将其缩放到合适的大小(100%;100%)，但效果不是很好。由于正文设置为950px和自动边距，因此iframe将仅与正文的左侧对齐，并且iframe不会随放大/缩小而缩放。
有没有比使用iframe更好的方法呢？Php还是js？
我之所以将动画保存为单独的网页，是因为我觉得我让它有太多的行(~1100)，基本上有大约20个相同的翻转动画，我不知道除了单独做它们并使用样式放置它们之外还有更好的方法。
浏览 5提问于2011-03-01得票数 2
回答已采纳
2回答
带有动画bg的画布文本
、、、
嗨，我发现了不错的效果 -动画文本bg。(动画背景，标题为HYT WATCHES，LE BATAFOR，MAURICE LACROIX)
这个站点使用mootools作为js框架，我想使用JQuery。
，也许有人会给我一些提示，如何产生这种效果？
浏览 8提问于2013-06-19得票数 1
回答已采纳
3回答
当用户单击以选择以下jquery代码的不同背景图像时，我正在尝试实现平稳的转换效果，但它似乎不起作用。我只想动画背景图像，而不是网页的内容。
$('.bg1').click(function() {
($this).animate({opacity: 0}, 'slow', function() {
$(this)
.css({'background-image': 'url(img/bg-2.jpg)'})
.animate({opacity: 1});
});
});
浏览 2提问于2013-08-30得票数 0
回答已采纳
3回答
有没有办法在网页中用alpha来渲染背景纹理？我想要在渐变的顶部有纹理，这样我就可以透过它看到它。
我没有使用canvas (尽管我确实使用canvas实现了一些其他动画效果)
浏览 0提问于2012-08-06得票数 0
回答已采纳
3回答
我有一个按钮，它的悬停效果(颜色变化)。
button {
width: 180px;
height: 80px;
background-color: #A0522D;
}
button:hover {
background-color: #CD853F;
}
然后，从js我想改变背景色，例如，当选择的按钮是正确的。这就是我想出来的：
buttons[i].style.backgroundColor = "#A0522D";
我还具有动画的转换属性：
button {
transition: background 0.5s ease
浏览 2提问于2013-08-06得票数 2
回答已采纳
我是jQuery的新手，需要一些关于以下问题的帮助。
我在网页(asp.net mvc)上有一个简单的数据表(20行4列)。注意-我构建的表使用的是<div>标记，而不是<table> <td> <tr>标记。
对于每一行，都有摘要数据，然后单击行右侧的“编辑记录”选项。单击“编辑记录”将显示其他信息。
这里有一张图片：(在“实”表中，名称/日期是实名/日期等。)
----------------------------------------------------------------------------
Name
浏览 1提问于2010-04-23得票数 1
回答已采纳
3回答
我正在建立一个网站与一些动画滚动，在那里我动画的背景图像，以提供一个褪色效果。它在FF3、Safari、chrome中工作得很好，但是IE8抛出了“未定义的是空还是不是一个对象”错误。
全文：
Message: 'undefined' is null or not an object
Line: 22
Char: 16
Code: 0
URI: http://www.philipdukes.co.uk/jquery.bgpos.js
Message: 'undefined' is null or not an object
Line: 22
Char: 16
浏览 1提问于2009-11-23得票数 3
回答已采纳
我正在尝试在网页中实现一个效果。网页必须完全覆盖一个透明窗口的背景(这个窗口基本上会突出显示页面的一些页面，以引起用户的注意)。窗口的大小事先是未知的，必须在前端实现效果。所以我可以自由地使用html，css和js。 ? 我不知道只用css就能达到这种效果的方法。我不能使用像png图像背景这样的东西，因为透明窗口的大小和尺寸会动态变化。我正在考虑为生成画布，并将其用作div元素的背景图像。 是否可以按照我的示例图像生成画布并将其用作背景？你能举个例子吗？谢谢。
浏览 138提问于2019-10-08得票数 1
回答已采纳
我使用下面的代码来改变动画的背景颜色。但是所有的背景颜色在效果后都会变暗。
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.color-2.1.2.min.js"></script>
<script>
$('#span1').animate({backgrou
浏览 22提问于2016-08-08得票数 0
回答已采纳
我有一个图像，我想在我的网页上动画。
目前我使用的是gif。
我想对它的动画有更多的控制，哪个js lib/framework会更好地帮助我？
我应该使用canvas还是SVG？哪个(小)库最好用？
我碰巧知道一点，但我不确定如何做这个效果。
浏览 5提问于2010-11-08得票数 0
回答已采纳
1回答
我在div中使用jQuery函数作为视差背景。
当页面加载，我有一些css网页动画，动画的背景。
但是，在页面加载完毕后，我在后台动画视差效果的jQuery函数就不能工作了。
下面是我的代码：
$(document).ready(function(){
$('#square').mousemove(function(e) {
var x = -(e.pageX + this.offsetLeft) / 4;
var y = -(e.pageY + this.offsetTop) / 4;
浏览 4提问于2016-01-24得票数 1
回答已采纳
我正在使用谷歌网页设计器来创建一个广告。我正在尝试使用CSS面板分配一个背景图像，如下图所示：
当我预览布局或发布并查看文件时，它不会显示背景图像，因为它在文件名中添加了_quote_后缀，弄乱了图像名称。
我尝试在代码视图中删除引号，但没有帮助。我相信这是一个GWD的软件问题，但如果有任何工作可以解决这个问题，请提出建议。(注意:我之所以使用background-image，是因为我想通过重复背景图像来使其具有动画效果)
浏览 3提问于2016-07-18得票数 1
回答已采纳
1回答
当您打开背景中的链接时，我正在寻找一种重新创建iOS safari动画的方法(该项目将一个快速的动画跳到您可以从其中获得的位置)--该动画也出现在OSX的“保存到阅读列表”中。
有人知道如何在CSS/JS中为我正在开发的一个基于web的应用重新创建这个动画/效果吗?或者看到了一个库/tut，它对此有帮助吗？
谢谢
浏览 4提问于2013-12-03得票数 0
回答已采纳
1回答
HTML +画布:星座背景动画
、、、、
我一直想为我的一个地点实现一个移动星座背景。
这就是我想要达到的效果的一个例子：
图像没有显示，但这些星座一直在移动。我是从网站上得到的，这是一个很棒的BTW网站。
所以我的问题是：
如何使用CSS动画/转换来实现此效果？CSS转换只允许我在动画的每一步指定位置。
有这样的JS库吗？
浏览 2提问于2016-05-10得票数 6
回答已采纳
1回答
可能重复：
我希望能够创建一个网页，这是绝对相同的正常地铁应用程序。此外，我希望它有倾斜的点击和效果。是否有这样做的javascript库？或者我可以从微软的风格中直接获得css/js动画吗？
浏览 0提问于2012-09-21得票数 0
我有个奇怪的。我正在制作一个小的iPad移动网页，其中有两个按钮。一个，如果你触摸，添加和移除一个类到一个对象(这只是一个图像精灵，它移动其背景位置)。第二个物体具有相同的动画效果。但是，，在之后，我按了动画函数触发按钮，add/remove类函数进行得非常慢。慢到你看到精灵图像的背景位置在慢动作中移动？我很困惑？现在，Zepto.js anim函数使用webkit css3转换。会不会是他们的问题？是最近的吗？
CSS
#hero {
left: 320px;
position: absolute;
}
.hero_crouch {
background: url(
浏览 6提问于2010-11-30得票数 0
回答已采纳
我找到了这个网页convnet.js，上面有神经网络的gui动画，背景颜色会尝试用相同的颜色覆盖圆圈，我在哪里可以学到这个，或者你们怎么叫这个，我很困惑，我甚至不知道在谷歌中输入什么
浏览 13提问于2019-11-11得票数 0
1回答
嗨，我有点迷失在这个主题，不是我的专业领域。我正在尝试通过JS制作动画。只是一个指向天空的箭头，显示了一些类似于动画信息图的趋势。
但我不知道如果我用画布做，还是在JQuery中做动画图像，我到底是怎么开始的？尝试垂直循环背景，以模拟向上箭头的效果。
如果有人能为此提出一个好方法的话。一定会很棒的。
浏览 0提问于2012-07-06得票数 1
回答已采纳
我正在使用twitter引导和transition.js插件进行崩溃，如本文所述。
我有两个问题：
如何将动画从效果中移除？它应该立即打开和关闭。
我怎样才能给打开的面板一个不同的背景色？
浏览 1提问于2013-09-10得票数 0
回答已采纳
我正在试着用背景大小做一个缩放效果。我的问题是我需要从背景大小:封面动画到像背景大小: 105%这样的东西。
当我尝试使用“过渡: 0.1s背景尺寸线性”时，它的动画效果从0%到104%。
有没有什么我可以从封面到那个百分比的动画，而不是回到0。
(我使用cover是因为我不知道图像的大小，但我有一个固定大小的div来显示它。)
谢谢皮特
浏览 0提问于2013-07-06得票数 8
回答已采纳
我试图在启动angular (第一次加载)时显示facebook的闪光效果，但动画在第二个+之后卡住/停止-代码不能包含angular代码，只能包含css & html & js，因为它在angular之前运行。
我正在使用这个css & html-
.shine {
background: #f6f7f8;
background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
background-repeat: no-repeat;
浏览 8提问于2019-10-29得票数 0
2回答
我正在创造一个效果，我悬停在图像和不透明度消失，以揭示潜在的链接到网页的其他部分。
下面是jQuery脚本：
$(document).ready(function(){
$("#columnRight,#columnRight2,#columnRight3,#columnRight4").hover(function() {
$(this).stop().animate({opacity: "0.2"}, 'slow');
},
function() {
$(this).stop().animate({
浏览 2提问于2012-08-24得票数 0
回答已采纳
如何将PowerPoint动画“淡入淡出缩放”应用于网页上的图像，并将PowerPoint动画“反弹”应用于同一页面上的单独图像？当您第一次登陆网页时，图像会同时开始动画效果。在他们完成动画后，他们将保持静止并在网页上可见。
我猜我需要使用JQuery。
浏览 1提问于2013-03-16得票数 0
回答已采纳
我正在尝试使用WebGL / Three.js创建一个交互式背景动画
动画将由双色渐变产生。
动画将受到外部因素(强度、速度等)的控制。
结果应该如下所示：
我不知道Vista是如何做到这一点的，我对可能产生类似效果的技术很感兴趣。我在寻找如何开始的指导。
我应该使用阿尔法混合生成的纹理和舞蹈四角体吗？
我应该使用像素着色器吗？
等。
任何小费都欢迎。
浏览 0提问于2012-02-04得票数 0
回答已采纳
1回答
这是一个简单的动画效果。如何在我的React应用程序中使用它。
https://codepen.io/celli/pen/xZgpvN
<div id="container" />
<!-- React -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.co
浏览 0提问于2020-07-21得票数 0
回答已采纳
我使用了-webkit- stuff，但由于某种原因，它没有动画效果，即使相同的代码以-moz-前缀在firefox中也可以工作。
背景应该向下滑动，然后背景会改变&新的动画应该开始播放。新的动画是相同的，背景滑入，然后滑出盒子，然后新的动画再次进入。
浏览 0提问于2012-05-17得票数 1
回答已采纳
5回答
我想在我正在构建的一个网站中创建一个效果，其中一个图像被覆盖部分遮蔽了。叠加应该创建一个“淡出”的效果-我实际上不想要任何动画，但叠加应该使图像看起来好像它正在褪色到背景颜色的边缘。
如下所示：
我更喜欢使用CSS/HTML/JS，而不是图像。对于从哪里开始有什么想法吗？谢谢。
浏览 0提问于2010-07-29得票数 5
回答已采纳
1回答
我正在尝试使用+[UIView animateWithDuration:animations:]方法将UITableViewCell的背景色从白色动画化为红色。但是，该颜色不会有动画效果，它会立即跳转到红色。我已经将setBackgroundColor:切换为setOpacity:，但效果很好。使用背景色动画失败的原因是什么?下面是我使用的代码：
UITableView * tableView = (UITableView *)[self view];
[UIView animateWithDuration:0.2 animations:^{
[[tableView cellForRowA
浏览 2提问于2011-07-05得票数 0
1回答
因此，我目前正在开发一个具有粒子背景的网站(使用)，并且我已经得到了我想要的正确配置。
但我想在滚动上实现类似的背景视差效果。
有谁知道该怎么做吗？是否可以使用particle.js，或者是否有现成的库可以做到这一点？
此外，那些用红线连接的点的动画(在滚动上)-就像线形图一样。
浏览 1提问于2019-12-13得票数 1
我试图通过一个使用BVH的网页上的骨架来动画一个网格。以下是我所要做的事情的整个过程：
使用MakeHuman和导出(mhx格式)创建字符？似乎效果最好)。
将字符导入搅拌机。
延迟到BVH使用MakeWalk插件搅拌机。
使用Three.js导出程序将字符导出到json。
导出BVH (不确定这是否必要，但我想我可能更幸运地让BVH在重定向后与骨架匹配)
使用Three.js将字符加载到网页中
使用BVH动画角色。
动画在搅拌机上看上去很棒。我试图使用修改后的来使用MakeHuman创建的框架，而不是从BVH数据创建框架。每当我试图动画角色，它会非常扭曲。
浏览 1提问于2015-04-30得票数 1
我有一个悬停效果，它可以将没有背景的元素的背景动画化，动画工作在悬停上，但是它不会返回到无背景：
$('#home_sensors_products').hover(function(){
$(this).animate({
'background-color':'#fff',
'color':'#3463a0'
}, '2000');
},function(){
$(this).animate({
'bac
浏览 0提问于2015-07-02得票数 0
回答已采纳
我做了一个CSS动画，其中包括淡入和淡出元素。
我在这里设置了一个小提琴： (仅限于webkit)
@-webkit-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
这个部分很好，但是这里是我需要帮助的部分:当用户悬停在该元素上时，我需要动画停止，元素立即设置为100%的不透明度(带有新的背景色)。现在，我只能让它改变背景颜色，同时继续当前的不透明动画。有人知道怎么做吗？
解决方案必须是只使用CSS的解决方案。由于客户端规则，我不能使用JS。如果不能仅用CSS完成，我将不得不放
浏览 1提问于2014-04-17得票数 6
回答已采纳
1回答
如果我在锚上将GIF图像设置为Hover效果，即使没有显示(没有设置为背景)，它仍将保持动画效果，因此这会导致动画从自身的中心开始，但这会扼杀它所使用的良好效果。
有什么建议吗？
提前感谢
浏览 3提问于2013-08-26得票数 1
回答已采纳
我似乎无法使用ColorAnimation为边框的背景颜色添加动画效果。我已经看了大约5种不同的方法来做这件事不同的答案和网页，但似乎没有一个工作。我遗漏了什么？
<Border.Style>
<Style>
<Style.Triggers>
<Trigger Property="Border.IsMouseOver" Value="True">
<Trigger.EnterActions>
浏览 0提问于2013-05-08得票数 1
回答已采纳
1回答
我正在开发一个网页应用程序，它在主页上有一些奇特的动画，但我想在考虑到性能和响应限制的情况下接近它。
作为这个动画的输入，我有一个在Adobe After Effects上模拟波浪运动的相当复杂的视频动画。我想将此动画转换为使用SVG和JS动画的代码。我现在拥有的是一个静态的SVG图像，我需要将它动画化，使其看起来像视频。
我尝试了，它给了我一个不太差的动画，但它是一个有点棘手的过程，找到正确的形状的SVG来再现视频。然后我遇到了，但它不支持动画中的后效效果，比如波浪变形。
因此，我正在寻求关于如何使这个动画成功的建议。
编辑:这是我想要实现的。
浏览 1提问于2020-12-12得票数 2
我正在尝试设置导航元素的动画，以便当鼠标悬停在该元素上时，它变得完全不透明(从30%的不透明度)，并且背景图像向上移动10px。这是我的代码：
<script type="text/javascript">
$(document).ready(function(){
$('#topnav li')
.mouseover(function(){
$(this).stop().animate(
{'background-position-y': '28px'},
{opacity:
浏览 0提问于2012-09-12得票数 1
2回答
在CSS中，我有几个带有悬停效果的DIV项目。如果我将鼠标悬停在一个元素上，这个元素会有另一种背景颜色。如果我将鼠标悬停在另一项上，则前一个选定项具有默认背景颜色，而不会悬停。
我怎样才能用jQuery做到这一点？我想要动画背景颜色，但希望通过悬停在另一个项目上来消除淡出(动画)效果。我尝试了窗口超时，但在鼠标指针滑过几个元素后，一切都闪烁和错误。
这是我用来制作鼠标悬停动画效果的代码：
$('.entry').mouseover(function() {
(this).animate({ backgroundColor: "#0F410E" }, { dur
浏览 0提问于2012-07-16得票数 2
回答已采纳
我编写了改变背景的动画，除了firefox之外，它可以在所有浏览器上运行。FF上的背景正在改变，但没有动画效果。我尝试了@-webkit-keyframes，但它没有帮助。这就是代码：
浏览 0提问于2020-06-14得票数 1
1回答
可以对布局(RelativeLayout、LinearLayout等)的背景图像进行动画处理吗？在安卓上？在我的一个应用程序中，我正在从互联网上获取图像，并在加载后将其显示为背景图像。如果背景图像是用淡入淡出效果或类似的效果换出来的，那就太酷了。
我已经尝试了很多，但似乎找不到解决方案。它始终是布局的动画，而不是图像本身。
浏览 3提问于2011-09-14得票数 0
回答已采纳
我很难在Aframe中找到解决方案，因为我猜这是一个奇怪的用例。我想做一个嵌入的Aframe场景作为网页的背景，并让相机沿着用户向下滚动页面的路径进行动画。 我已经创建了一个场景，使用using path组件设置了相机移动的动画，并将其固定为网页的背景，但我不知道需要做什么才能将滚动位置与相机路径配对。我附上了一个视频的场景，我目前有动画路径。 我确实设法在这里的演示页面上从一些JS连接到了相机控件。https://robbiegreen.com/hq/，我真的不知道我是怎么做到的。不过，它只控制Z位置。为我的臃肿提前道歉，我正在Elementor + WP安装上测试它的一部分，我需要清理，
浏览 40提问于2021-08-12得票数 0
2回答
CSS雪碧淡出动画
、、、、
我基本上需要让精灵元素有一个淡出动画，而不是滚动效果(不透明动画而不是背景位置)。在没有jquery的情况下，我如何使用css3或js来做到这一点？是否有一种方法来定位元素，而不是用像素，而是用%或rems (在下面的代码中)？
.youtube {
background-position: -256px -256px;
&:hover {
background-position: -256px -384px;
}
}
这是小提琴：
浏览 3提问于2015-01-17得票数 2
回答已采纳
1回答
这是我的第一篇帖子，如果不完美的话，我会道歉。
本质上，我试图达到与红牛飞行艺术电影网站上使用的效果相同或相似的效果：
即，当用户向下滚动页面时，背景图像沿着坐标路径移动。我现在不担心内容动画，只担心背景动画。
我可以做基本的操作，将背景从a动画移动到b动画，但当我想要从b动画到c动画，c动画到d动画等等时，我会纠结于该怎么做。
我已经尝试使用开放的：
$('.bg').scroll(function(){
var x = $(this).scrollTop();
$(this).css('background-position','0%
浏览 2提问于2012-02-23得票数 2
回答已采纳
我正在使用边缘动画在我的网页上的标题。我正在尝试使用Ariel Flesler提供的jQuery.ScrollTo插件在页面之间添加幻灯片效果。问题是，当我将
<script type="text/javascript" charset="utf-8" src="spolightest_edgePreload.js"></script>
滑动效果停止工作。我已经将范围缩小到这个文件，所以我知道这是导致问题的原因。有没有人处理过这个问题？有谁知道在网页中实现幻灯片效果的更好方法。这里包含了相当多的javascrip
浏览 1提问于2013-04-23得票数 0
在WPF中，我们可以使用下面的代码来为特定控件的背景色添加动画效果：AssociatedObject.Background.BeginAnimation(SolidColorBrush.ColorProperty, ColorAnimation);，但我不知道如何在Silverlight和WinRT平台上制作同样的动画效果。
浏览 0提问于2015-01-06得票数 1
1回答
我有一个很烦人的问题，但我似乎找不到它。只有在IE8中，我的jquery滑入文本动画背景才会显示前一张幻灯片的主背景，但只有在滑入时才会显示(当文本动画暂停时，前一个背景会在动画文本的空间中消失)
要查看我所说的内容，请访问：。但奇怪的是，如果你使用IE9，而你使用的是IE8浏览器和文档模式，你将看不到效果(我没有)。我实际上是在一个真正的IE8浏览器上学到的。
当文本滑入时，你知道是什么导致了丑陋的背景效果吗？
谢谢
浏览 2提问于2012-08-03得票数 0
回答已采纳
1回答
Web:动态透明渐变
、、、、
我怎样才能在我的网页上像图片那样做透明渐变呢？我不能使用png来做这件事，因为图像是从服务器动态加载的，并将被滚动：
Scroller是用JS编写的。我不想使用flash来实现这种渐变效果。
编辑:我必须有可能改变背景(由用户)，它必须适合屏幕(约95%)。无法在滚动条上制作背景蒙版。:(
附言:对不起，我的英语。
谢谢:)
浏览 0提问于2012-01-15得票数 0
回答已采纳
1回答
在图像上实现平移窗口？
、、、、
我正在尝试实现一种效果，其中有一个移动/动画窗口，平移背景图像，这样你一次只能看到图像的某一部分。
实际上，窗口本身不应该移动，因为它将是页面上的某个div -但效果应该是背景在它后面移动。然而，背景不应该占用DOM上的任何空间(即它不应该影响它周围的任何元素)。
实现这一点的最佳方式是什么？我应该只为窗口div创建一个背景图像，然后调整背景位置吗？可以使用jQuery设置动画吗？
____________________
| |
| IMAGE |
| ___________ |
| | window |
浏览 1提问于2013-07-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
