How Do I Use CSS Scale Method For HTML Div Element

admin_img Posted By Bajarangi soft , Posted On 05-11-2020

In CSS The scale() method increases or decreases the size of an element (according to the parameters given for the width and height).So today we discuss how to do it.

How Do I Use CSS Scale Method For HTML Div Element

CSS scale() method increases or decreases the size of an element .

.div1 {
    margin: 150px;
    width: 200px;
    height: 100px;
    background-color: lightpink;
    border: 1px solid black;
    -ms-transform: scale(2,3); /* IE 9 */
    transform: scale(2,3); /* Standard syntax */
}

Complete Code For Using CSS Scale Property For HTML Elements.

<!DOCTYPE html>
<html>
<head>
    <title>How Do I Use CSS Scale Method For HTML Div Element</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>

</head>
<style>
    body {
        background: #c7254e;
    }
    .div1 {
        margin: 150px;
        width: 200px;
        height: 100px;
        background-color: lightpink;
        border: 1px solid black;
        -ms-transform: scale(2,3); /* IE 9 */
        transform: scale(2,3); /* Standard syntax */
    }
</style>
<body>
<br/><br/>
<div class="container">
    <br>
    <div class="text-center">
        <h1 id="color" style="color: white;">CSS Scale Method For HTML Div Element</h1>
    </div>
    <br>
    <div class="well">

        The scale() method increases or decreases the size of an element.

        <div class="div1">
            This a normal div element.
        </div>
    </div>
</div>
</body>
</html>

Related Post