CodePen Embed - transition-多属性

<div class="container"></div>

.container {
    width:  150px;
    height: 150px;
    background-color: #000;
    transition: background .5s ease-out, border-radius .5s ease-in;
    -webkit-transition: background .5s ease-out, border-radius .5s ease-in;
}
.container:hover {
    background: #e1e1e1;
    border-radius: 80px;
}

This Pen is owned by JingW on CodePen.

See more by @JingW on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.