<div id="scaleP">Genişliğini 1.2 , yüksekliğini 2 katına çıkar</div>
<div id="scaleN">Genişliğini ve yüksekliğini yarı katına düşür.</div>
div {
    width: 120px;
    height: 50px;
    background-color: cornflowerblue;
    color: #fff;
    text-align: center;
    margin: 60px;
    padding: 10px;
    transition: transform 2s;
}

#scaleP:hover {
    transform: scale(1.2, 2);
}

#scaleN:hover {
    transform: scale(0.5, 0.5);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.