transform rotate css
<!DOCTYPE html>
<html>
<head>
<style>
div.a {
width: 150px;
height: 80px;
background-color: yellow;
-ms-transform: rotate(20deg); /* IE 9 */
transform: rotate(20deg);
}
div.b {
width: 150px;
height: 80px;
background-color: yellow;
-ms-transform: skewY(20deg); /* IE 9 */
transform: skewY(20deg);
}
div.c {
width: 150px;
height: 80px;
background-color: yellow;
-ms-transform: scaleY(1.5); /* IE 9 */
transform: scaleY(1.5);
}
</style>
</head>
<body>
<h1>The transform Property</h1>
<h2>transform: rotate(20deg):</h2>
<div class="a">Hello World!</div>
<br>
<h2>transform: skewY(20deg):</h2>
<div class="b">Hello World!</div>
<br>
<h2>transform: scaleY(1.5):</h2>
<div class="c">Hello World!</div>
</body>
</html>div {
width: 80px;
height: 80px;
background-color: skyblue;
}
.rotated {
transform: rotate(45deg); /* Equal to rotateZ(45deg) */
background-color: pink;
}
/* <length-percentage> values */
transform: translateX(200px);
transform: translateX(50%);
.selector {
transform: scale(1.2); // Will upscale to 1.2
}
Also in CSS:
- Title
- css responsive
- Category
- CSS
- Title
- css font-size
- Category
- CSS
- Title
- scss to css
- Category
- CSS
- Title
- text-align attribute in css
- Category
- CSS
- Title
- css rotate3d euler angles
- Category
- CSS
- Title
- image orientation css
- Category
- CSS
- Title
- css cursor pointer
- Category
- CSS
- Title
- linear gradient css background image
- Category
- CSS
- Title
- html display text in alternating coloured panels
- Category
- CSS
- Title
- css floaat
- Category
- CSS
- Title
- enter in css
- Category
- CSS
- Title
- how to change color of svg with css
- Category
- CSS
- Title
- css min height
- Category
- CSS
- Title
- css grid tutorial
- Category
- CSS
- Title
- static css in django
- Category
- CSS
- Title
- how to get element details using cssselector using beautifulsoup
- Category
- CSS
- Title
- customize highlight color website
- Category
- CSS
- Title
- css text color border
- Category
- CSS
- Title
- empty string css
- Category
- CSS
- Title
- burger menu css
- Category
- CSS
- Title
- italic in css
- Category
- CSS
- Title
- css backdrop filter grayscale
- Category
- CSS
- Title
- grid-template-areas css
- Category
- CSS
- Title
- skeleton css cdn
- Category
- CSS