对图像的CSS闪光效果

Question

是否有可能像这样在图像上创建“闪光灯”，只能使用CSS？

我试过-webkit-filter但这看起来不太好。

Answer 1

你的意思是这样的：

div { 
 
    background: url(http://lorempixel.com/400/400); 
 
    width: 400px; 
 
    height: 400px; 
 
    position: relative; 
 
} 
 
div:after { 
 
    position: absolute; 
 
    height: 80px; 
 
    width: 160px; 
 
    background: rgba(255, 255, 255, 0.7); 
 
    content: " "; 
 
    top: calc(50% - 40px); 
 
    left: calc(50% - 80px); 
 
    border-radius: 50%; 
 
    box-shadow: 0px 0px 50px 50px rgba(255, 255, 255, 0.7); 
 
}

<div></div>