CSS按钮幻灯片过渡效果问题

文章/答案/技术大牛

发布

1回答

html、css

我在按钮过渡效果上有点问题。悬停时，内部按钮需要向右滑动。我的推荐人是这个网站：https://www.grand-forest.gr/。但我还是做不到。有人知道怎么解决这个问题吗？

浏览 18提问于2020-12-14得票数 0

回答已采纳

1回答

如何通过JavaScript应用CSS3过渡？

javascript、css、slideshow、slide、css-transitions

在通过JavaScript将CSS3过渡应用到幻灯片放映时，我感到非常头疼。基本上，JavaScript获取幻灯片中的所有幻灯片，并将CSS类应用于正确的元素以获得良好的动画效果，如果没有CSS3过渡支持，它将只应用样式而不应用过渡。现在，我的“小”问题。所有的工作都像预期的一样，所有的幻灯片都获得了正确的样式，代码运行没有bug(到目前为止)。但是，即使应用了正确的样式，指定的

浏览 1提问于2011-11-21得票数 1

3回答

CSS转换在通过JavaScript分配时不起作用

javascript、css、css-transitions

浏览 0提问于2011-11-21得票数 35

回答已采纳

3回答

CSS bootstrap覆盖了我自己的CSS代码

css、twitter-bootstrap

目前，我正在尝试使用w3school教程中所示的幻灯片来编写一个网站：我在我的css文件之前链接了它，如下所示： <link rel="stylesheet" href="https:/&

浏览 0提问于2017-02-22得票数 0

4回答

http://www.beautyoftheweb.com效应？

javascript、jquery、css、gwt

的过渡/幻灯片效果是如何实现的？使用jquery/javascript/css？

浏览 0提问于2010-11-15得票数 1

回答已采纳

1回答

jQuery图像滑块的困难

jquery

我在创建一个也可以包含其他元素(如：<div>，<a>，<span>)的jQuery图像滑块时遇到了麻烦。我浏览了互联网上的教程，下载了几个项目，结果发现它们不容易编辑。我的结论是，最好的方法是从头开始创建一个。有没有人知道一个好的文档来源，可以帮助我完成创建基本jQuery图像滑块的基础知识，它能够显示我的html中的所有元素？<div id="container"> <div id="slides"

浏览 2提问于2012-01-01得票数 2

2回答

按钮悬停时淡入和淡出背景图像

javascript、jquery、css、jquery-animate

在一个有背景图像作为幻灯片图像的滑块中，我想要在鼠标悬停按钮时更改背景图像，并在鼠标离开按钮时返回到第一个图像。第一张图片有模糊效果，而第二张没有。我知道如何更改图像，但找不到解决方案来应用过渡效果 $('#open-wowstyle').hover({}); $(&#

浏览 6提问于2019-05-09得票数 0

1回答

在Safari中的CSS转换和固定定位

safari、css-transitions、css-position、parallax

我在一个只在Safari中出现的网站上遇到了一些问题。我在Mac上运行版本5.1.7 (7534.57.2)。我认为这可能与Safari中的transition/webkit-transition属性不能很好地处理固定位置容器有关。然而，我发现的所有与此相关的问题都来自2010年，并提到了一个Safari，我认为它已经修复了…两年后。但也许不是。

浏览 1提问于2012-11-20得票数 1

1回答

JQuery移动删除幻灯片页切换

jquery、mobile、transition

我在一个移动友好的网站上工作，每次按下一个按钮，我就会有幻灯片效果的过渡…但我找不到方法来移除它。script> <a href="page.html" data-role="button" data-theme="f" data-transition="none">NEXT</a> 但我仍然有幻灯片效果的过渡

浏览 1提问于2011-11-09得票数 13

回答已采纳

2回答

Jquery Nivo Slider转换是如何工作的？

jquery、html、css、nivo-slider

我想知道如何创建Jquery Nivo Slider过渡效果，而不是创建整个插件。我试着使用CSS的clip属性，但我不能让它创建图像的一部分淡出或逐块移出的效果，直到下一张幻灯片放映。如果任何人有一个一般的想法或如何使过渡效果的具体代码，将不胜感激。

浏览 0提问于2011-11-19得票数 5

1回答

当单击导航器按钮时，是否使用/应用Jssor slider....can过渡效果？

jquery、jssor

jssor中的过渡效果可以在自动播放滑块时使用。我想知道当在导航器中单击一个项目符号按钮时，是否可以使用/触发/应用幻灯片过渡效果。

浏览 4提问于2014-05-03得票数 2

1回答

不知道幻灯片数量的CSS3幻灯片放映

css、animation、slideshow、css-transitions

自CSS3开发以来，越来越多的人尝试仅基于CSS3而不使用JavaScript来创建基于浏览器的效果(过渡和动画)。CSS3-based幻灯片有几个例子，但总是缺少一个东西：创建CSS3幻灯片的常用方法是为每张幻灯片引入序列延迟。因此，我们需要知道幻灯片的数量，并为每个相应的元素添加一个CSS规则。我很好奇是否有其他方法可以循环播放CSS3幻灯片，而不需要元素的

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

1回答

jqm的页面过渡，空白页面

jquery-mobile

当我改变页面时，我想要显示过渡效果，如幻灯片或滑动等。所以我做了定制的变换。但它并不能很好地工作。当我使用自定义的过渡CSS更改具有过渡效果的页面时。它在“A页”和“B页”之间显示“空白页”。

浏览 2提问于2012-12-01得票数 0

回答已采纳

1回答

有没有一种方法可以在js中添加转换效果(平滑/轻松)而不添加类？

javascript、jquery

通常，我会做一个addClass / removeClass，但是我想知道，仅仅用这段代码，我就可以添加一个效果，它不会使div残酷地消失，但可能会在0.8秒内过渡到左边或顶部。你会怎么做？

浏览 1提问于2022-06-11得票数 0

1回答

使用过渡效果而不是缓动效果

slideshow、transition、easing

我正在尝试让我的幻灯片处于特定的过渡阶段。现在，我有一个叫做"easing“的东西，在我的幻灯片中使用。问题是我不知道如何改变那个特定的部分。我已经在很大程度上修改了幻灯片，使其可用于我正在处理的工作项目。我当然想把它用于工作和我自己，因为我发现它是一个很好的幻灯片。但是，我希望有一个像Sudo Slider这样的简单过渡，而不是轻松。(一旦我有了一个基本的过渡，我可以将它更改为另一个sudo过渡效果，这样

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

2回答

如何使用before()回调停止或延迟flexslider动画？

javascript、jquery、flexslider

在flexslider动画到下一张幻灯片之前，我在所有幻灯片的元素上添加了一个类.animate-out，问题是应用的css动画不会显示，因为flexslider会立即移动到下一张幻灯片。我使用flexslider的before()回调函数添加了这个类，这个回调函数在设置滑块动画的函数中是，所以现在使用slider.pause()来暂停滑块已经太晚了(使用它将暂停下一张幻灯片)。我已经在before()回调函数中使用alert()测试了动画，这个回调函数会暂停javascript的执行，

浏览 3提问于2013-03-26得票数 2

回答已采纳

2回答

使用背景图像转换的包含最小HTML和CSS的极简图像滑块

html、css、flexbox、background、background-image

在尝试用尽可能少的HTML代码设置背景(并尽可能多地将其放入CSS中)时，我被困在这个演示中。为什么第三张和第四张幻灯片与第一张和第二张幻灯片的背景尺寸和中心来源不同？删除-image部件并仅使用简写的background显然破坏了背景位置和中心位置，尽管这些规则是在CSS中明确设置的。我忽略了什么？过渡有两种效果:首先是水平滑动效应，最后是放大。是否有可能使这两种效果并行工作，而不是一个接一个？换句话说，要在

浏览 5提问于2021-03-18得票数 2

回答已采纳

0回答

引导转盘缩放转换

javascript、jquery、css、twitter-bootstrap

我在Bootstrap carousel中有图像，作为过渡效果，我想缩放活动图像，然后显示下一个图像。像这样- ，但只有在活动幻灯片缩放的情况下。我尝试更改Bootstrap的css，但这不会缩放活动幻灯片，而是下一张幻灯片。effect */.prev,.active.right { transform: translate3d(0, 0, 0);问题是当slide.bs.caro

浏览 9提问于2016-07-04得票数 1

1回答

如何向slick sync滑块添加动画

javascript、css、css-animations、slick.js

我尝试添加动画并使用data- animate.css =“fadeInLeft”，但这是在同一时间加载所有幻灯片，最重要的是，它不起作用。1.6.0/slick.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css<

浏览 0提问于2017-01-17得票数 0

回答已采纳

1回答

magento bassi-banner滑块过渡效果

slider、magento-1.7

我安装了幻灯片横幅扩展"bassi banner slider“，并将其配置为显示2张带有幻灯片过渡效果的图像。图像是显示的，但在过渡效果期间，两个图像在页面其余部分的前面都是可见的(一个在另一个下面)。有谁知道如何克服这个问题吗？谢谢!

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

回答已采纳

点击加载更多