Squarespace 站点 - CSS 以减慢画廊幻灯片上的淡入淡出过渡答案

【问题标题】：Squarespace site - CSS to slow down fade transition on gallery slideshowSquarespace 站点 - CSS 以减慢画廊幻灯片上的淡入淡出过渡
【发布时间】：2023-02-17 09:52:32
【问题描述】：

我正在尝试编辑方形空间画廊以使本机淡入淡出动画的过渡速度较慢，因为它的捕捉速度非常快。我找到了可以执行此操作并使图像褪色变慢的代码，但是它似乎很少/随机地工作。这是让我最接近我想要实现的代码

.gallery-fullscreen-slideshow-item-img{
    transition: opacity 1600ms ease-in-out !important;
    -webkit-transition: opacity 1600ms ease-in-out !important;
    -ms-transition: opacity 1600ms ease-in-out !important;
    -moz-transition: opacity 1600ms ease-in-out !important;
    -o-transition: opacity 1600ms ease-in-out !important;
}

.gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
    transition: opacity 1400ms ease-in-out !important;
    -webkit-transition: opacity 1400ms ease-in-out !important;
    -ms-transition: opacity 1400ms ease-in-out !important;
    -moz-transition: opacity 1400ms ease-in-out !important;
    -o-transition: opacity 1400ms ease-in-out !important;
}

地点： www.brm-designs.com 密码：BRM123

如果有人对如何解决此问题或为什么这不起作用有任何解释，我将不胜感激。谢谢你！

【问题讨论】：

您需要在此处发布minimal reproducible example，在你的问题中和not a link到任何其他网站。

标签： transition slideshow fade image-gallery squarespace

【解决方案1】：

嗨，亚历克西斯，您似乎让它在您的网站上运行了。你介意分享一下你是怎么做到的吗？我尝试使用您在 2022 年 8 月发布的代码，但它在 squarespace CSS 中对我不起作用。请帮忙！

【讨论】：