CSS3变形移位扭曲 Translate TranslateX TranslateY Rotate Scale scaleX scaleY Skew SkewX SkewY Matrix 33333
分类:
Web程序 时间:
2015-07-20 18:15:47
阅读次数:
116
完美解决解决Android使用Zxing扫描二维码改成竖屏后,后面的预览画面出现了拉伸,扭曲的情况
第一步:找到com.zxing.camera包下的CameraConfigurationManager.java文件中的void initFromCameraParameters(Camera camera)方法第二步:在 Log.d(TAG, "Screen resolution: " + scre...
分类:
移动开发 时间:
2015-07-17 22:49:31
阅读次数:
228
需求描述:移动端实现横跨页面半圆。(类似问题,实现4x4的正方形网格)简化问题,我们可以理解为实现一个高度和宽度比为1:2的块。需要解决问题: 1,高度和宽度按照一定比例。 2,外容器高度和宽度不确定。 3,尽量不使用图片和脚本替代。 4,兼容移动端。...
分类:
Web程序 时间:
2015-07-16 13:48:49
阅读次数:
188
一、2D的转换通过transform来实现,它有4种方式:位移:translate(x坐标,y坐标),它是以左上角为原点的位移,不影响其他元素缩放:scale(X倍数,Y倍数),它是以元素中心为原点进行缩放旋转:rotate(度数),它是以元素中心为原点进行旋转斜切(扭曲):skew(X度数,Y度数...
分类:
其他好文 时间:
2015-07-15 01:11:52
阅读次数:
171
转自:http://blog.sina.com.cn/s/blog_89d90b7c0102va4m.html最近在看热扭曲效果,里面用到了GrabPass。之前看过官方翻译版本的说明http://blog.sina.com.cn/s/blog_89d90b7c01019run.html但是还是无法...
分类:
其他好文 时间:
2015-07-14 11:16:14
阅读次数:
215
2D 转换(须在style里面定义):位移,缩放,旋转,斜切(扭曲) 转换---关键字:transform;属性有:1, 位移:translate(0px,0px)属性值:(0px,0px)括号里跟两个值,用逗号分割,使元素沿x轴,y轴坐标位移,第二个值可以不给,如果不给...
分类:
Web程序 时间:
2015-07-13 23:55:29
阅读次数:
171
(一)2D 位移,缩放,旋转,斜切扭曲;位移: transform:translate(?px,?px) 不影响其他的布局,只对自己设置的起作用缩放: transform:scale(.5,.5) 括号里代表的是百分比。 参照点默认中心点旋转: transfo...
分类:
其他好文 时间:
2015-07-13 22:07:53
阅读次数:
146
CSS3常用形状实现代码 1 2 3 4 5 Document 6 113 114 115 正方形116 圆形117 半圆118 扇形119 弧形120 121 特效效果122 123 124 ...
分类:
Web程序 时间:
2015-07-13 22:06:28
阅读次数:
131
51、自由变换外框右键属性:ESC 取消
斜切:可以按照该调节边角点所引导出的两条边的角度进行移动。ctrl+shift
扭曲:任意点的调节。 ctrl
透视:模拟近大远小的关系。ctrl+shift+Alt
变形:任意调节形状。
52、磨皮:
1)复制背景层 ctrl+j
2)针对复制出来的图层执行高斯模糊(...
分类:
其他好文 时间:
2015-07-10 00:28:54
阅读次数:
92
border-radius制作半圆与制作圆形的方法是一样的,只是元素的宽度与圆角方位要配合一致,不同的宽度和高度比例,以及圆角方位,可以制作上半圆、下半圆、左半圆和右半圆效果。例如:.semicircle { margin: 30px; } .top { width: 100px;/*宽度为高度的....
分类:
Web程序 时间:
2015-07-08 20:54:17
阅读次数:
144