图片CSS滤镜—倒影效果 运用了滤镜filter 属性 滤镜FILTER:Wave(把元素呈现为波浪状)。 滤镜FILTER:flipv(垂直反转元素)。 滤镜FILTER:blur(使元素模糊)。 三组滤镜与原图片组合。 代码如下: 代码1: <IMG <DIV style=" FONT-SIZE: 27pt; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"> <DIV style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></DIV></DIV> 代码2: <IMG src="图片地址" width="图宽" height="图高"><p><IMG src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="图宽" height="图高"> |
评论