CSS3 Transition with "max-width"

Example is showing up CSS3 transition with max-width property.

by Kushal Jayswal

HTML

<div class="box css-tans">
    CSS Trans Box with <br>MAX-WIDTH
</div>

CSS

.box {
    transition: all 1s ease;
    background-color: #ddd;
    max-width: 228px;
    min-height: 200px;
    text-align: center;
}
.box:hover {
    max-width: 500px;
    background: #ff0;
    cursor: pointer;
}