Wednesday, March 25, 2015

كود عكس المربع انيميشن

<style>
	div {
	width:100px;
	height:70px;
	background-color:red;
	border:1px solid black;
	}

	div#div2 {


	transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);

	//transform:rotate(-30deg); //IE
	//-moz-transform:rotate(-30deg); //Mozilla
	//-webkit-transform:rotate(-30deg); //Chrome and Safari
	}

	</style>
	</head>
	<body>
	<div>This is simple div</div>
	<div id="div2">This is rotated div</div>

Wednesday, March 25, 2015