CSS转换在chrome中不起作用，但在safari中起作用

链接至网站：

注意：右侧的图像上有过渡

我读过很多帖子，认为webkit可以解决这个问题，但是没有用

在firefox上，它以类似“淡入”的风格“轻松”，而在chrome上，它就像轻弹开关。。开或关

CSS

---

在我的Cromeah中效果很好我重新措辞了我的问题。。照我说的做。。但是在不同的浏览器上，转换的行为不同。。我希望将firefox的“易用性”应用到chrome中。。

.masonryImage, .columnContainer img, .rev_slider { /* GRAYSCALE OPTION  */

    -webkit-filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;
    -moz-filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;
    filter: brightness(0.5) contrast(0.75) grayscale(0.9) !important;

    transition: -webkit-filter all 0.5s ease !important, transition all 0.5s ease !important; /* fix? */ 
    -webkit-transition: all 500ms linear !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.masonryImage:hover, .columnContainer img:hover, .rev_slider:hover { 
    -webkit-filter: brightness(1) grayscale(0) contrast(1) !important;
    filter: none !important;


    transition: -webkit-filter all 0.5s ease !important, transition all 0.5s ease !important; /* fix? */ 
    -webkit-transition: all 500ms linear !important;
    -o-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}