Webkit-css随持续时间变化

Webkit- css changing with duration

本文关键字：变化 持续时间 Webkit-css      更新时间：2023-09-26

加载页面时，我需要将灰度图像转换为彩色图像。

在我的代码中，我将其设置为灰度级，然后使用JQuery尝试将灰度级设置为0，它正在着色，但没有持续时间的影响。

我的CSS代码：

#mainimg{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

JQuery代码：

$(window).load(function() {
    $('#mainimg')
    .css("-webkit-filter" ,"none")
    .css("-moz-filter" , "none")
    .css("filter", "none")
    duration: 10});

我哪里错了？还是应该使用其他代码？

如果代码中有语法错误，请使用以下命令：

$(window).on('load', function() {
     $('#mainimg')
     .css("-webkit-filter" ,"none")
     .css("-moz-filter" , "none")
     .css("filter", "none")
     //duration: 10}); syntax error here
});

如果您想设置灰度过滤器的动画，请使用css转换。我用filters和css transition为创建了jsfiddle。

相关文章：