[分享]css3实现div逐渐隐藏

CSS3是前端开发中的重要组成部分，它可以实现很多动画效果，比如逐渐隐藏DIV。

下面是实现逐渐隐藏DIV的代码：

 .fade-out {
      opacity: 1;
      transition: opacity 2s ease-in-out;
   }
   .fade-out.hidden {
      opacity: 0;
   } 

首先，我们定义了一个fade-out的类，设置了初始的opacity为1，并且使用了transition属性来实现渐变效果。

然后，我们定义了一个hidden类，将opacity改为0，这样就可以实现DIV逐渐隐藏的效果。

最后，我们只需要将这个hidden类加到我们想要隐藏的DIV中即可。

使用CSS3实现逐渐隐藏DIV，是一个非常简单而且实用的技巧，可以让网页更加动态有趣，提升用户体验。