C SS3之D变形3案例
本文来自 李东博 《HTML5+CSS3从入门到精通》 清华大学出版社 2015年
摘 要:本文档给出之变形相关案例。
关键词:;变形;案例
1 案例1
说明:本案例演示通过改变变形对象的原点,实现不同的变形效果。
在本案例中分别以图像的 个角点为原点来旋转图像,演示效果如图 所示。
图自定义图片旋转
源代码如下:
!
"#"$%&'()*% "%+,-./01
+#%&'2!01
+#'&&01
+#
"$%&'()0
'&&0
3'0
%&'224!2!0
5'0
&%'2!2!6!0
!%&'&0
!&'&&0
'(0
5"$"!5'2!7!%"*282828+6/0
9"!5'2!7!%"*282828+6/0
1 / 5
CSS3 之 2D 变形 3 案例