html魔方代码

 

2d特效
        
            transform:translateX();         x轴平移
            transform: translateY();        y轴平移
            transform:translateZ();         z轴平移

            transform:rotateX();            x轴旋转
            transform:rotateY();            y轴旋转
            transform:rotateZ();            z轴旋转
        
            
            transform: scaleX();            缩放，括号内取值为0-1，超出则放大，可以为负    
            transform: scaleY();

            transform: skewX();              x轴倾斜
            transform: skewX();              y轴倾斜
            transform: skewX(x，y);          缩写

            transform-origin: left top;     以左上角为中心旋转，方向自定，也可以用数字表示原点
            transform-origin: 0px 100px;

            transition-property: width,height,background-color........ ;      指定过渡属性
            transition-delay:1000ms;                                          延迟时间
            transition-duration: 3s;                                          动画持续时间
            transition：all 3s；                                              简写

            transform-style: preserve-3d; 添加3d效果的    
        

z轴可以理解为深度

	
	
	


	

		
1
		
2
		
3
		
4
		
5
		
6