给博客增加视频背景特效

9个月前 / 0 评论 / 4737 阅读 / 正在检测是否收录...

Test

html代码

<video autoplay loop muted>
  <source src="视频地址" type="video/mp4"  />
</video>

CSS代码

<style>
 video{  
    position: fixed;  
    right: 0px;  
    bottom: 0px;  
    min-width: 100%;  
    min-height: 100%;  
    height: auto;  
    width: auto;  
    /*加滤镜*/
    /*filter: blur(15px); //背景模糊设置 */
    /*-webkit-filter: grayscale(100%);*/  
    /*filter:grayscale(100%); //背景灰度设置*/  
    z-index:-11
} 
</style>

评论

取消