Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
图像上的CSS闪光效果_Css - Fatal编程技术网

图像上的CSS闪光效果

图像上的CSS闪光效果,css,Css,是否可以在图像上创建这样的“flash”,仅使用CSS 我尝试了-webkit过滤器,但效果不太好 你的意思是这样的吗: div{ 背景:url(http://lorempixel.com/400/400); 宽度:400px; 高度:400px; 位置:相对位置; } 部门:之后{ 位置:绝对位置; 高度:80px; 宽度:160px; 背景:rgba(255,255,255,0.7); 内容:“; 顶部:calc(50%-40px); 左:计算(50%-80px); 边界半径:50%; 框

是否可以在图像上创建这样的“flash”,仅使用CSS

我尝试了
-webkit过滤器
,但效果不太好


你的意思是这样的吗:

div{
背景:url(http://lorempixel.com/400/400);
宽度:400px;
高度:400px;
位置:相对位置;
}
部门:之后{
位置:绝对位置;
高度:80px;
宽度:160px;
背景:rgba(255,255,255,0.7);
内容:“;
顶部:calc(50%-40px);
左:计算(50%-80px);
边界半径:50%;
框阴影:0px 0px 50px 50px rgba(255,255,255,0.7);
}

你能解释一下“闪光效果”是什么意思吗?这是一个猜测,但你可以通过在图像上定义一个贴图并将CSS 3渐变效果应用到所需区域来实现。当然,你也可以打开photoshop,在10秒钟内完成它,正如鲁宁所问的那样,你能更详细地解释一下你所说的“flash”是什么意思吗?请把你目前掌握的代码贴出来