CSS中如何让照片实现翻转和模糊？

html-css017

CSS中如何让照片实现翻转和模糊？,第1张

filter:FlipH()水平翻转对象内容！

filter:FlipV()垂直翻转对象内容。

filter:blur()模糊效果!

代码加在HTML容器Css属性设置里！

所加载的容器要有有效的高和宽！！

filter只有IE浏览器支持的！

如果不会设置HTML的CSS，那就麻烦了！

css可以通过perspective属性来实现。ps可以直接通过滤镜中的翻转效果实现。

对于ps，首先打开Photoshop，导入需要编辑的图片，用选取工具选定图片，在工具栏中打开滤镜效果，选择反转效果即可。对于css，css实现翻转效果的方法，首先创建一个演示方块，并为其添加transition和transform属性，然后将transition属性添加到需要翻转的p上，最后添加perspective和transform-style属性即可。