小编MrT*_*der的帖子

当我放大 SVG 时，它仅在 Chrome 中是模糊的，在 Firefox 中是完美的，在 IE 中几乎是完美的。我尝试用 SMIL 达到相同的效果，但它仍然很模糊。

代码笔在这里

我一直在寻找解决办法，但一直找不到。

谢谢

CSS：

.svg-container{
  -webkit-backface-visibility: hidden;
  -webkit-animation: scaling 4s linear  infinite alternate forwards;
  animation: scaling 4s linear infinite alternate forwards;
   transform: scale(16, 16) translateZ(0);
    -webkit-transform: scale(16, 16) translateZ(0);

}
@-webkit-keyframes scaling {
    from {
        -webkit-transform: scale(16, 16) translateZ(0);
        -ms-transform: scale(16, 16) translateZ(0);
            transform: scale(16, 16) translateZ(0);
    }
    to {
        -webkit-transform: scale(0.75,0.75) translateZ(0);
        -ms-transform: scale(0.75,0.75) translateZ(0);
            transform: scale(0.75,0.75) translateZ(0);
    }
}

@keyframes scaling {
    from {
        -webkit-transform: scale(16, …

如何在延迟之后添加班级，然后再延迟另一个班级？

我似乎只能添加一个。

$(document).ready(function() {
    $(".websites-container").delay(5000).queue(function() {
            $(this).addClass("active");
    });

    $(".websites-container").delay(8000).queue(function() {
            $(this).addClass("gone")
    });
});

MaxBufferError: stdout maxBuffer exceeded当我尝试缩小大量文件 (230) 时，Gulp Imagemin 错误。如果我一次缩小 40-50 个文件，它将运行该任务。

如何增加缓冲区？或者停止任务？

节点版本 14.5，gulp 版本 4.0.2，gulp-imagemin 版本 7.1.0。

function imageMin(done) {
 // Locate unprocessed images
return gulp.src('./src/assets/images/*')
 // Optimise images and reduce file size, use gulp-cache to stop repeating
.pipe(cache(imagemin([
    imagemin.gifsicle({interlaced: true, optimizationLevel: 3,}), // 1 to 3
    imagemin.mozjpeg({quality: 90, progressive: true,}),
    imagemin.optipng({optimizationLevel: 5,}), // 0 to 7
    imagemin.svgo({
        plugins: [{cleanupIDs: false,}]
        })
    ],
    // Shows files optimastion results in the terminal
    {verbose: true } 
)))
// Send optimised images …

在我为每个操作设置单个函数的那一刻,我在点击一段时间内淡出不同的div,我将它们命名为.fade-a,.fade-b,.fade-c等.当然必须有一个更好的方法来做到这一点,因为我只是沿着列表似乎臃肿.

对不起,如果我没有很好地解释这个,我不会使用太多的jQuery.

谢谢

$('.fade-a').click(function() {
    $('.fade-a').addClass('fade');
    var delay = setTimeout(function() {
        $(".fade-a").removeClass("fade");
    }, 1000)
});
$('.fade-b').click(function() {
    $('.fade-b').addClass('fade');
    var delay = setTimeout(function() {
        $(".fade-b").removeClass("fade");
    }, 1000)

});
$('.fade-c').click(function() {
    $('.fade-c').addClass('fade');
    var delay = setTimeout(function() {
        $(".fade-c").removeClass("fade");
    }, 1000)

});
$('.fade-d').click(function() {
    $('.fade-d').addClass('fade');
    var delay = setTimeout(function() {
        $(".fade-d").removeClass("fade");
    }, 1000)

});

HTML:

<div class="width33 site-top">
    <span>
        <img class="info-block-toggle-a fade-a site-overlay size-auto" src="images/i-am-the-cosmos.jpg" alt="" />
    </span>
</div>
<div class="width33 site-middle">
    <span>
        <img class="info-block-toggle-b fade-b site-overlay size-auto" src="images/dorje.jpg" alt="" />
    </span>
</div> …