图像的jquery不透明度转换

Question

你好，我正试图向jquery代码添加一个转换，使其成为这样，当图像(foreground-image(悬停在上面时，它会延迟.25seconds的淡入和淡出

```function checkPosition() {
$('.foreground-image').css('opacity', '0.0');
// Desktop Only
if (window.innerWidth > 991) {
$('.collection-item-5.brand-collections').mouseenter(function() {
$('.foreground-image').css('opacity', '1.0');
var mySrc = $(this).find('.image-131').attr('src');
$('.foreground-image').attr('src', mySrc);
});
$('.collection-item-5.brand-collections').mouseleave(function() {
$('.foreground-image').css('opacity', '0.0');
});
}```

Answer 1

CSS转换允许您在给定的持续时间内平滑地更改属性值(从一个值更改为另一个值(。检查以下示例：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_fade1