test

by thebabydino

HTML

<div class="parent"><div class="child"></div></div>

CSS

.parent {
    width: 100px;
    height: 200px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    background: deeppink;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}
.child {
    width: 100px;
    height: 100px;
    background: lightblue;
}
.parent:hover {
    padding: 100px;
}
.parent:hover .child {
    float: right;
    margin-right: -100%;
}