CSS 2D and 3D Transforms
Full Stack Web Development Courses with Real-time projects Start Now!!
Program 1
<html>
<head>
<style>
div{
width:200px;
height:200px;
background-color: red;
/*transform:translate(300px,300px);*/
/*transform:rotate(-20deg);*/
/*transform:scale(2,3);*/
/*transform:scaleX(2);*/
/*transform:scaleY(3);*/
/*transform:skewY(10deg);*/
/*transform:skew(20deg,10deg);*/
/*transform:translate(200px,0px) rotate(20deg) skew(10deg,30deg);*/
/*transform:rotateZ(150deg) translateZ(250px);*/
}
</style>
</head>
<body>
<div>
Some text
</div>
</body>
</html>
Did you like our efforts? If Yes, please give DataFlair 5 Stars on Google
