繁体   English   中英

从 Flickity 画廊中完全移除淡入淡出效果

Remove fade effect completely from Flickity gallery

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用 Flickity 画廊自动循环一系列图像,但是图像之间存在淡入淡出过渡。 我想删除它,以便图像立即更改。

我试图按照这个线程中的答案进行操作,但它们没有用。 从 Flickity Slider 过渡中删除淡入淡出

我尝试将其添加到 css 但没有运气。

.carousel-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  z-index: -1;
}

.carousel-cell.is-selected {
  opacity: 1;
  z-index: 0
}
1 个回复

如果您删除transition属性,则应该没有 animation 。 根据您提供的问题中的小提琴,如果您只是删除过渡,则根本不会有过渡。

编辑:

我直接在他们的网站上查看了 Flickity,他们似乎正在使用一些 javascript 来为transform属性设置动画。 如果您使用类似的东西,则必须对 javascript 而不是 css 进行修改。

1 如何从Listview中删除褪色效果?

在我的应用程序中,我使用ListView,我需要删除列表底部和顶部的cacheColorHint。 我尝试将cacheColorHint设置为#00000000,但底部/顶部具有半透明效果。 如果可以消除这些影响,你呢? 谢谢 ...

2012-01-16 10:16:50 2 7660   android
2 CSS中残破的褪色边框效果

我正在尝试实现如图所示的蓝绿色边框 如您所见,这里的边框没有一致的图案,它在随机位置处被破坏/褪色。 如果不确切,我想找一个最接近的人。 CSS可以做到这一点吗? 如果没有,那么任何替代方法都可以实现。 有一个border-image属性,但是为此,我需要这样的图像。 ...

2016-07-30 09:27:13 4 114   css/ css3
3 如何在VisualizerView中消除褪色效果

我正在使用felix库进行条形图可视化。 而且工作正常。 但是我只想消除褪色效果 。 而是需要一个简单的Color BarGraph动画。 只需用“简单色彩”替换淡入淡出效果即可。 我尝试从VisualizerView中删除mFadePaint ,但它无法正常工作,然后尝试将Por ...

5 滑动和褪色效果

我该如何解决这个问题,侧边栏和顶部滑动位: 苹果iPad页面 脚本式或jQuery等 我希望在我的网站上的其中一个页面上实现加载效果。 谢谢 :) ...

6 Splash sreen的褪色效果

我试图在WPF应用程序上对我的启动画面产生淡入淡出效果。 图像对象的不透明度最初为0.此代码会将不透明度从0(最小)修改为1(最大),但行img_waves.Opacity不起作用。 图像不透明度保持为0。 但是,如果我激活了'MessageBox.Show(x.ToString() ...

2015-05-07 13:46:53 2 277   c#/ wpf
7 使用javascript的褪色效果

我正在尝试制作一个与antayallor网站相似的图片库 我可以通过更改图像源来更改鼠标悬停时的主图像。 这是我应用的代码。 上面代码的CSS是: 问题是在更改图像时,我无法获得褪色效果。 请提供合适的javascript代码以获得淡入效果。 ...

8 具有Flickity和React的简单自动播放图库

因此,我正在尝试使用Flickity和React创建一个像这样的画廊,但出现一些奇怪的闪烁,并且在我尝试调整(输出)窗口的大小之前,动画不会开始,然后一切正常播放。 在Firefox上,有时它可以工作,有时却不能,而Chrome拒绝完全合作。 也许值得一提的是,我使用普通的Javascrip ...

10 使用NSView产生褪色效果

我有一个子视图,我想显示该子视图以产生溶解褪色效果。 为此,我正在尝试: 展示下 淡入 为此,我在超级视图上设置了一个“ showFade”方法(Fader是先前定义的子视图。已经定义了someImage)。 问题是:它第一次起作用,并且子视图消失,但是再也不 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM