*{margin: 0;padding: 0;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;-ms-transition: 1s;transition: 1s;}
			.box{width: 100px;height: 100px;border:1px solid #ddd;margin:10px;float: left;perspective: 500px;}
			.box div{width: 100px;height: 100px;background:rgba(26, 167, 247, 0.62);}
			.box:hover .a1{transform: rotateX(180deg);}
			.box:hover .a2{transform: rotateY(180deg);}
			.box:hover .a3{transform: rotateZ(180deg);}
			.box .a4{transform: rotateX(45deg);}
			.box:hover .a4{transform: rotateX(45deg) scaleX(2);}
			.box .a5{transform: rotateY(45deg);}
			.box:hover .a5{transform: rotateY(45deg) scaleY(2);}
			.box .a6{transform: rotateY(45deg);}
			.box:hover .a6{transform: rotateY(45deg) scale(2);}
			.box2{width: 400px;height: 100px;border:1px solid #ddd;float: left;margin: 10px;perspective: 100px;}
			.box2 div{width: 100px;height: 100px;background: #ccc;float: left;}
			.box2:hover div{transform: rotateY(50deg);}