如何在单击（或滚动）时触发 CSS-Filter 动画

【问题标题】：How to trigger CSS-Filter animation on Click (or Scrolling)如何在单击（或滚动）时触发 CSS-Filter 动画
【发布时间】：2016-03-27 07:09:33
【问题描述】：

如何在左键单击或滚动时触发 CSS-Filter 的淡出？

过滤器应该淡出（单击按钮时从黑白变为彩色）

【问题讨论】：

欢迎。您能否分享一下您迄今为止的研究结果，或者您取得了多大的进步......？
如果您向我们展示您的代码，我们将能够为您提供更好的帮助

标签： css animation scroll triggers click

【解决方案1】：

你可以了解更多 .fadeOut()

试试这个例子

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123">

脚本

 <script>$( "#clickme" ).click(function() {
      $( "#book" ).fadeOut( "slow", function() {
        // Animation complete.
      });
    });</script>

【讨论】：