css ps倒过来

html-css012

css ps倒过来,第1张

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

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

<style>

.test{width:200pxheight:100pxline-height:100pxtext-align:centerborder:1px solid #000transition:all 1s}

.test:hover{transform:rotateY(180deg)}

</style>

<div class="test">把鼠标放上来</div>