对于ps,首先打开Photoshop,导入需要编辑的图片,用选取工具选定图片,在工具栏中打开滤镜效果,选择反转效果即可。对于css,css实现翻转效果的方法,首先创建一个演示方块,并为其添加transition和transform属性,然后将transition属性添加到需要翻转的p上,最后添加perspective和transform-style属性即可。
css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate旋转:(rotate)
[css] view plain copy
-webkit-transform:rotate(10deg)
-moz-transform:rotate(10deg)
transform:rotate(10deg)
翻转:(scale)
(这个属性是放缩的功能,怎么能翻转的!原来括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,负数代表翻转)
水平翻转:
[css] view plain copy
-webkit-transform:scale(-1,1)
-moz-transform:scale(-1,1)
transform:scale(-1,1)
垂直翻转:
[css] view plain copy
-webkit-transform:scale(1,-1)
-moz-transform:scale(1,-1)
transform:scale(1,-1)
什么汉字可以,数字不行了?首先你得知道什么是竖向排列第二张图是正确的竖向排列
第一张图数字是顺时针旋转了90°汉字是竖向排列的
方法一图片去做
方法二用用css3把数字旋转transform:rotate(90deg),汉字竖向排,你是限制宽度还是用其他方法都可以。
备注(我没试过,但是应该还会有其他问题,本人觉得这种动态文字排版不合理)