jquery：如何通过Checkig Checkbox添加变色渐变效果

Question

我需要帮助，我不知道如何通过选中复选框来添加改变主体元素背景颜色的淡化效果。（它改变了它的颜色，但我不知道如何添加褪色效果）HTML:<div class="container">            <label class="switch" for="checkbox">            <input type="checkbox" id="checkbox" />              <div class="slider round"></div>            </label></div>查询：$(document).ready(function(){      $('#checkbox[type=checkbox]').on('change', function(){           if($(this).prop('checked')){              $('body').css('background-color', 'red');           }           else {               $('body').css('background-color', '#181818');           }    });});

Answer 1

使用以下 CSS 对背景颜色进行半秒过渡效果body。

body {
    transition: background-color 0.5s;
}