2回答
我最近在这个网站上看到了一个滑块-- 。我真的很喜欢这个过渡效果，但我无论如何也搞不懂它是怎么做到的。我知道滑块是如何工作的，但它的实际过渡是令我困惑的。我不知道这个效果叫什么，我不确定它是由CSS还是JS完成的？希望能够模仿出同样的过渡效果。有没有人知道这是怎么做到的，可以给我指明正确的方向来构建类似的东西？
这是过渡效果的图像：
浏览 3提问于2018-02-06得票数 0
4回答
在下面的代码中，我在单击按钮时切换div (id=popdiv)的可见性。我想给它添加一些过渡效果。例如，现在它只是弹出和隐藏。我希望在显示隐藏时，过渡要慢一点，但没有一个过渡或动画效果起作用。 $('#pop').click(function(){
$('#popdiv').toggle();
}) #popdiv{
display: none;
} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
浏览 74提问于2020-10-15得票数 0
1回答
我正在尝试在列表中的<a>标记上创建一个过渡效果，这将使嵌套列表显示出来。这很好，除了我希望它与<a>上的过渡效果重合，该效果持续0.5秒。尽管尝试了转换延迟，但它似乎总是直接转换。基本上，我希望在嵌套列表出现之前有0.5秒的延迟。
我还想要它，这样当用户将鼠标悬停在嵌套列表中的项上时，<a>元素仍然保持其悬停状态。这个是可能的吗？
我想尝试在纯CSS中做尽可能多的事情。
有谁能给我一些指导吗？我希望我已经解释得足够好了。
JS小提琴在这里：
请原谅这些奇怪的字符--我用@font-face来表示图标。
浏览 2提问于2013-01-30得票数 0
回答已采纳
我想在这个网站上创造同样的效果：
我已经用下面的css将项目设置在顶部：
#first-block{
position:fixed;
top:100px;
width:760px;
margin-left:-380px;
left: 50%;
z-index: -99;
}
怎样才能达到网站上的效果呢？我是否需要使用js，或者我可以只使用css来处理它。
我想用js在页面上听第一个滚动，然后添加一个具有过渡效果的css类。
现在有没有人知道如何继续，或者这是一个正确的方式来收听第一个滚动并添加具有过渡效果的课程吗？
浏览 4提问于2017-05-09得票数 0
我已经准备了两种风格的body，它们的背景都是渐变的，我还在标签中添加了过渡效果：
body{
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190)));
-webkit-transition: all 1s linear 0s;
}
body.orange{
background: -webkit-radial-gradient(50% 50%, circle cover, rgba(0, 0, 0,
浏览 3提问于2012-08-03得票数 0
回答已采纳
我可以使用reveal.js应用编程接口导航到特定的幻灯片，如下所示：
<script>
$(document).on('click', '#goToMySlide', function() { Reveal.slide(6); return false; });
</script>
但这只会直接跳到幻灯片上，而没有任何reveal.js众所周知的很酷的过渡(缩放、淡入淡出、凹陷等)。你知道怎样才能跳到有过渡效果的幻灯片上吗？
浏览 1提问于2014-06-04得票数 1
0回答
我保留了我的页面包含的主要内容：
所以，我们可以在右上角选择将要显示的框的数量，不幸的是，当我们点击“点击这里移动div”时，Firefox只有2个框滞后。
CSS：
#DivWraper {
transition: margin-left 0.5s ease-in; /* 0.5 second transition effect to slide in the sidenav */
}
#DivWraper.openSidebar {
margin-left: 250px;
}
JS：
$("#LinkChange").click(functio
浏览 12提问于2017-06-16得票数 3
2回答
我有一个要求，我有很多图像，需要创建各种图像过渡的幻灯片放映，我应该能够保存为一个gif文件随着图像过渡。
我可以在C#中创建图像之间的各种过渡，但还不知道如何将其保存为gif。有一个组件NGif，它允许创建一个包含多个图像的gif。我尝试在每次转换时保存图像，然后创建所有这些图像的gif，但它没有显示转换效果，而只是显示了下一步显示在黑色背景下的不同转换级别的图像。
有没有办法在图像之间创建一个具有过渡效果的gif？
浏览 1提问于2011-10-03得票数 1
我使用的是magento 1.7.0.2。我安装了幻灯片横幅扩展"bassi banner slider“，并将其配置为显示2张带有幻灯片过渡效果的图像。图像是显示的，但在过渡效果期间，两个图像在页面其余部分的前面都是可见的(一个在另一个下面)。有谁知道如何克服这个问题吗？谢谢!
浏览 0提问于2013-07-09得票数 0
回答已采纳
1回答
因此，当单击链接时，我尝试显示一个带有切换过渡的div。
我的代码：
$("nav ul li#about a").click(function (e) {
$("div#about").slideToggle(200);
e.preventDefault();
});
它的效果很好，但我想要这个效果：向下滚动，找到“其他属性的过渡”。
我希望你们能帮助我:)
浏览 0提问于2012-10-20得票数 0
1回答
我试着把下面的JS插件合并到我正在开发的网站上，
One Page，皮特·R.
WOW.js，Matthieu Aussaguel (与animate.css合著)
在每一节中，我都希望在过渡完成后在其内容中进行动画化，但是WOW.js / CSS动画似乎没有效果，而且我被不可见的元素困住了。看起来，在显示动画在某种程度上与从一个页面滚动设置的视口/页面相冲突。有什么想法吗？我漏掉了什么？我将WOW.js的窗口设置为0。没有显示JS错误。
浏览 4提问于2014-05-12得票数 2
回答已采纳
1回答
是一个简单的bl.ock，演示了这个问题。
在这个动画中，直线的过渡与圆圈的过渡具有相同的持续时间。尽管它们的持续时间相等，但在20秒的动画过程中，直线的尖端似乎比圆圈移动得更快。
屏幕截图分别显示了过渡开始(左)和过渡结束(右)的效果。
为什么这两个过渡不同步？
浏览 2提问于2015-11-26得票数 1
回答已采纳
我正在开发安卓上使用JQM + PhoneGap的混合应用程序。
当我改变页面时，我想要显示过渡效果，如幻灯片或滑动等。
除了安卓2.x版本之外，它工作得很好。(我已经在JQM文档中意识到了这个问题：)
所以我做了定制的变换。但它并不能很好地工作。
当我使用自定义的过渡CSS更改具有过渡效果的页面时。
它在“A页”和“B页”之间显示“空白页”。
这是我的代码: http://jsfiddle.net/vanryuji/4DkEv/3/
如何删除(？)或者隐藏(？)这一页？
浏览 2提问于2012-12-01得票数 0
回答已采纳
1回答
我有一个div，它已经显示了一些html。我想用一些不同的html替换div的内容。但是，我希望过渡能有一定的效果，比如淡入。
我试过了：
$('#mydiv').html('Some new text').fadeIn(1500);
但过渡是立即发生的，没有淡入淡出效果。这可以做到吗？
谢谢
浏览 1提问于2011-09-08得票数 5
回答已采纳
假设我有两张非常相似的图片想要连续显示(假设第一张是一张照片，第二张是同一张照片，并突出显示了一些区域)。我想避免过渡动画，只用第二张图片代替第一张图片。使用reveal.js可以做到这一点吗
设置data-transition="none"效果不是很好，因为上一张幻灯片仍然保留其动画。
浏览 0提问于2014-05-12得票数 17
1回答
我正在尝试创建两个容器，它们将被放置在相同的位置。当我将鼠标悬停在顶部时，应该会显示一些过渡和底部/第二个div内容。我试过这个
一切都是fine.But，当我鼠标悬停在它上面时，它会产生一些闪烁的效果。如何让它平稳过渡？我使用下面的代码片段来实现过渡效果
.box:hover{
-webkit-transform: rotate(100deg) scale(1);
-webkit-transform-origin:bottom right;
}
浏览 1提问于2014-03-04得票数 5
回答已采纳
1回答
我在IE10中的JS遇到了问题(IE7-9工作“很好”)
我有一个带有淡出/显现过渡效果的滑块。当滑动到下一张图片时，当前图片被淡出，而下一张图片被淡入。问题是，IE10不会产生这种效果，它只会隐藏当前的按钮，而显示下一个(但是单击next按钮和显示下一张图片之间的延迟等于在其他浏览器上的效果持续时间，所以它确实做了一些事情。)
没有控制台或js错误..
这是我的代码：
var effects = new Array();
effects.push(new Effect.Fade(this.previous, {
sync: true
}));
effects.push(new E
浏览 1提问于2013-08-21得票数 0
我正在使用最新版本的Fancybox 3，我正在尝试实现一些选项，比如不显示工具栏或不同的过渡效果。我在标题中有css，而jquery在源代码的末尾。为什么这些选项不起作用？我之前使用过Fancybox，没有任何问题。
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="{{ paths.theme }}js/scripts.js"></script>
<script src="https://cdn
浏览 17提问于2019-03-26得票数 1
我已经为网站上的菜单创建了一个过渡效果。当我将鼠标悬停在元素上时，它没有显示我想要查看的内容。取而代之的是滚动条。这意味着过渡效果在此菜单上起作用，但页面不会显示菜单内容。我的菜单在页面的底部。请看我下面的代码。谢谢
.change_height {
overflow:hidden;
height: 20px;
transition: height 3s;
}
.change_height:hover
{ height: 198px; }
浏览 1提问于2013-06-04得票数 1
1回答
我有一些元素，在悬停时，切换子ul的显示(无/块)。不幸的是，我不能通过CSS和display转换淡入淡出。使用不透明度也不起作用，因为悬停区域扩展到不透明度:0 ul，两者的组合(过渡不透明度，但仍然切换显示)似乎不起作用。
有没有办法通过Javascript截获显示变化，并让它在块和无之间淡入淡出？是否有其他建议(我也尝试了高度:0/自动切换，但效果不佳)？我更喜欢截取方法而不是纯JS方法，以防JS被禁用。
浏览 0提问于2012-02-09得票数 1
回答已采纳
1回答
我在包含一些形式元素的div上使用jQueryUI的效果函数，比如下拉列表。然而，过渡都不见了。当显示/隐藏div时，无论所选择的效果如何，过渡都是突然的。然而，它在其他div上工作！
jQuery:
$('h2').click(function() {
var options = {};
$("#writereview_optional").toggle('blind', options, 500);
});
HTML:
<div id="writereview_optional">
//fo
浏览 0提问于2011-07-18得票数 0
2回答
我需要一些简单的调整，我正在努力使其正确。
这是我的JS代码和一个提琴：
$(document).ready(function(){
$("#nav a").click(function(){
var id = $(this).attr('id');
id = id.split('_');
$("#menu_container div").hide();
$("#menu_container #menu_"+id[1]).show();
});
});
基本上，我所需要的就是使更改具有过渡效
浏览 1提问于2014-04-26得票数 0
1回答
我有一个背景图像，当:悬停时，它会更改为另一个图像。
我用过渡来显示这种效果。
当转换完成时，当失去焦点时，我的旧图像将使用相同的转换(而不是悬停)。
请参阅一个工作示例(使用铬)：
我的问题是:当我把鼠标移出一半进入第一个过渡时，第二个过渡效果就不会发生了。您可以尝试此操作，将鼠标移动到图像中一秒钟，然后将其移出图像。我怎样才能让事情顺利进行呢？
注意:当我使用颜色而不是图像时，这种效果确实以我假装的方式起作用。
浏览 0提问于2012-06-27得票数 0
回答已采纳
我正在使用SliceJack (第一个)在我的网站上获得过渡效果，它工作得很完美，我在桌面上对它们很满意(把它们放到我的主css中)。
我想在Ipad和移动设备等较小的设备上禁用效果，这样我就可以滚动默认(正常)而不需要过渡。
对于我来说，禁用效果的唯一选择是删除代码片段(第一个)，但我也会在桌面上失去这些效果。
我已经在jQuery.fullPage.js脚本中启用了976像素的响应宽度。
有没有可能在手机和iPad上清空我在CSS (用于过渡)中添加的3个类？
/*Fade in effect & one pager*/
.fullpage-wrapper {
width:
浏览 0提问于2017-10-22得票数 0
1回答
弹出掩码显示得非常快。
、、、
HTML
<div class="x">
</div>
<input class="clickMe" type="button" value="ClickMe"></input>
JS
$(".clickMe").click(
function()
{
$('.x').show().css('top',0).addClass("mask"
浏览 1提问于2015-04-06得票数 0
回答已采纳
如何将悬停js过渡效果更改为另一个过渡(fadein、fadeout、简单过渡)等？！
HTML
<img id="login-trigger" src="http://www.jointcommission.org/assets/1/6/button-login.jpg" />
<div id="login-box">
<p>Login now:</p>
Username : <input />
<br />
Password : <
浏览 1提问于2014-03-21得票数 0
1回答
我已经看过网页上的jQuery过渡效果，就像这个网站上的图像滑块闪光灯，但在jQuery上找不到类似的过渡效果
如何在jQuery上复制这种从左箭头到右箭头的过渡效果？
浏览 2提问于2012-09-24得票数 1
回答已采纳
我想为我的vue路由创建一个滑动+淡入淡出过渡。在这里你可以看到我想要达到的效果： https://discord.js.org/#/docs/main/stable/general/welcome “旧”页面向右滑动并淡出，之后“新”页面淡入并向左滑动。 目前我添加了一个过渡，但是“新”容器在“旧”容器完成动画之前就开始了它的动画。我创建了一个代码片段来重现这个问题： https://codesandbox.io/s/o1jkpkl75q 需要修复哪些内容才能获得所需的过渡动画？
浏览 10提问于2019-04-20得票数 0
回答已采纳
1回答
我正在用cocos2d开发一个游戏，其中我使用了一些过渡效果来替换场景，例如[[CCDirector sharedDirector] replaceScene:[CCTransitionCrossFade transitionWithDuration:0.5 scene:[MyScene node]]];。
但在一个阶段，我想展示一个过渡效果，就像在中一样。这是一些星形的收缩效果来替换场景。我尝试了许多过渡效果，但没有一个与我上面提到的效果相匹配。是否有默认的过渡效果来实现这一点，或者我需要自定义它？
浏览 0提问于2012-08-30得票数 1
回答已采纳
是否可以在我的三星智能电视应用程序上实现平滑的页面幻灯片过渡？不仅仅是图像滑块，还有整个页面滑块。似乎没有对此的api支持。
下图显示了我正在尝试实现的目标。
如果我按向右箭头，页面3必须显示从右到左的平滑滑动过渡效果。
浏览 1提问于2013-06-27得票数 2
苹果终于在iOS 5.0SDK中发布了他们的PageCurl过渡效果的接口：
我想在Newsstand应用程序中进行页面之间的转换，但我不知道如何在MonoTouch中做到这一点。我下载了Xamarin网站上的示例：
但是它并没有展示如何使用新的PageCurl效果来显示PDF。:(
如何在MonoTouch中使用页面卷曲过渡？
任何帮助，无论多么小，我们都很感激，谢谢！
浏览 2提问于2011-10-19得票数 1
回答已采纳
我有div列表，单击div它会显示另一个div切换结果，也有关闭选项。我的需求接近于div，我需要具有平滑过渡效果的排序效果。
浏览 3提问于2013-03-27得票数 0
回答已采纳
1回答
我知道有四种类型的过渡效果:水平，垂直，翻转，曲线。
但是，我想要的是Podcast应用程序中使用的过渡效果。它与翻转效果相似，但略有不同。正如你可以看到下面的图片，它看起来有体积；所以它更壮观。
怎样才能做出这样的过渡效果呢？
浏览 0提问于2012-10-26得票数 2
我想逐步像素化一个网页上的图像和动画的像素化作为过渡。像素化将从使用小像素开始，像素将逐渐变大。最后，像素化将反转，然后显示第二张图像。
我正在寻找像像素化效果这样的效果-你需要选择像素化作为过渡，然后单击图像。
是的，我可以使用那个库，但我已经有了一幅拉斐尔的画布，我有兴趣知道这是否可能(以及如何实现)。
浏览 2提问于2011-11-17得票数 2
回答已采纳
1回答
我需要实现类似于在上看到的卡扩展的过渡效果
我检查了一些流行的CSS和JS框架，但找不到此功能。
你能建议我如何实现这一点吗？
谢谢
浏览 20提问于2017-02-24得票数 0
2回答
侧导航中的角质滑动过渡？
、、、、
当我点击设置，它是导航到内部导航菜单，然后在这里返回主菜单选项。
为此，我试着用角度材料在侧导航中实现滑动过渡，但它没有显示侧导航的幻灯片转换效果。
Angular material slide nav Plnkr ::
幻灯片转换:当我们单击设置时，它会导航到内部菜单，然后单击后退导航到主菜单。为此，需要幻灯片转换效果。
例如：
任何一个关于幻灯片过渡效应的建议。
浏览 2提问于2016-07-05得票数 5
回答已采纳
1回答
狭缝滑块消光效果
、、
我试图通过放置fadeout / fadein来改变的过渡效果。
我想在没有css3 (只适用于IE工作的jquery )的情况下改变这一点，但是我不知道如何在js中实现这种效果。
如果有人能帮我，让我知道我做错了什么..！
我的尝试是：
谢谢你的帮助
浏览 2提问于2013-06-11得票数 0
在我的应用程序中，默认的popViewController过渡不起作用--它显示了一个淡入的过渡。
推送动画的动画效果与预期不谋而合，而流行动画则不然。
[self.navigationController popViewControllerAnimated:YES];
因为打开了viewController。
你知道它为什么会这样吗？
浏览 0提问于2015-01-28得票数 0
我有一个愚蠢的问题，但我找不到解决办法，所以我不得不寻求帮助。我目前使用插件'fullPage.js‘并使用视频背景，您可以在这里找到带有一些代码的站点：
当你向下滚动和向上滚动时，你会看到文本“淡入”，这是相当恼人的。我发现如果我打开文件jquery.fullPage.js并将"css3: true“改为false，我就解决了这个问题。然而，该解决方案也删除了部分过渡效果。我试图改变CSS文件中的转换效果，但是没有任何效果。
HTML代码：
CSS-代码：
JS-代码：
谁知道怎么解决这个问题？
浏览 4提问于2016-12-08得票数 1
回答已采纳
2回答
我有一个带有各种屏幕的应用程序。我在每个屏幕上都有一个“下一步”和“上一步”按钮。单击next按钮，我将显示我的下一个屏幕。现在，我正在使用UIView.animate()显示我的下一个屏幕，它只是用next screen替换我现在的屏幕。它在屏幕过渡时不会产生任何动画效果。单击下一步按钮，我希望下一个屏幕看起来像是从右侧出现/呈现的。怎样才能达到这样的过渡效果？
浏览 0提问于2019-09-23得票数 0
1回答
我有一个简单的问题。我正在尝试在单个页面上使用动画，比如Page1。例如，如果我更改标签文本并按下TextButton，我希望它转换为leftToRight。当我尝试使用Pages.Page1.show(3,4,0，false，false)时，更新后的标签显示没有过渡效果。我试着在两个不同的页面之间切换，它确实可以正常转换。有没有办法用1个页面做到这一点，因为我想保持相同的页面元素，但只更新文本内容，并显示更新后的页面的过渡效果。
浏览 0提问于2015-07-23得票数 0
4回答
当用户在页面上悬停一个特定的链接时，我正在寻找一种方法来更改页面主体的背景(我计划根据链接悬停将背景更改为不同的颜色)，但我打算让这个效果柔和地工作，就像CSS中的过渡效果一样。有什么办法吗？使用JS甚至CSS？
对于悬停效果，我将使用JQuery的悬停函数，但我无法找到任何方法来进行软转换。
浏览 13提问于2013-08-30得票数 1
回答已采纳
1回答
我是一个全新的jQuery (以及一般的JS )，我知道可以使用它为我的导航翻转添加淡入淡出效果。
现在，我正在为导航使用主背景精灵，并且on :hover我只是添加了一个背景位置规则来向下移动每个项目的精灵，以获得悬停效果。
但我想使用jQuery来平滑过渡到翻转效果。我用谷歌搜索了一下，发现了一些相似的信息，但我发现的大多数情况下，你有两张图片，其中一张淡出，显示出另一张。但我使用CSS背景位置来简单地将图像向下移动。我能用jQuery更流畅地做这件事吗?如何做？
这是网站：
浏览 1提问于2010-08-25得票数 1
回答已采纳
通过Vue.js的动态路由匹配，能使过渡效应在“输入输出模式”下运行吗？如果可能的话，我想请一位教授。
当我遇到这个麻烦时，我找到了非常有用的问题和答案。
<transition name="fade" mode="out-in">
<div class="page-contents" :key="$route.params.id">
This is my chapter component. Page: {{parseInt($route.params.id)}}
</div>
浏览 2提问于2017-02-06得票数 1
回答已采纳
1回答
关于过渡的问题
、、、
如何在网页上添加过渡？我试过了，但在internet explorer上不起作用。如何在打开页面时添加过渡？过渡效果，如淡入淡出、溶解等，与ppt的效果相同
浏览 1提问于2010-02-18得票数 1
1回答
我想要的：
我想做的是给一个div，页脚和导航一个模糊的效果后，点击一个按钮(图像)。但同时，我想要一个弹出窗口显示，并从屏幕顶部显示转换。在pc或mac电脑上一切都很好。
问题：
在iPad上:在单击屏幕上的按钮后，会添加模糊效果，然后弹出窗口显示为，而屏幕上没有过渡。
如何获得在iPad上适用于pc或mac的结果。有人能帮我吗？
JS:
function showPopup(selector){
$(selector).transition({top: -75});
$('#content').css({"background":"rgb
浏览 3提问于2015-01-07得票数 0
回答已采纳
3回答
我尝试使用css3中的过渡效果来创建下拉菜单效果，.the效果在火狐和opera中没有生成，尽管它在safari和chrome中
对于过渡，我使用了o- transition :高度0.5s；-webkit-transition:高度0.5s；-moz-transition:高度0.5s；
我使用的浏览器是mozilla 3.6.15和Opera10.63，请告诉我为什么firefox没有出现过渡效果
浏览 0提问于2011-03-17得票数 0
1回答
我正在尝试添加一个过渡到一些JSS样式。当我在root类上有一个悬停事件时，我有一个针对(icon的)兄弟类的悬停效果来调整SVG的填充颜色。悬停效果可以正常工作，但我无法为fill颜色中的元素添加过渡。我在任何地方都找不到关于兄弟类或子类上转换的正确语法的文档。
以下是我的方法：
root: {
position: "relative",
textAlign: "center",
fontSize: "13px",
color: theme.palette.grey[400],
padding: "
浏览 14提问于2019-08-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
