js和css分别实现透明度的动画实现

js实现 两个函数 即setInterval和setTimeout

setTimeout（(function(){})(1/10),1*100) 该函数有两个参数，第一个为执行的函数，第二个为事件参数，即多长时间执行一次；

setInterval 用来执行连续的透明度变换，2000为间隔时间；

 

html文件中写一个<div id="animation"></div>的块级元素；css #animation{width:300px;height:300px；background：red}

js代码如下：这样就可以实现了~

css实现代码如下：

 

转载于:https://www.cnblogs.com/shiyang-498140465/p/5488405.html