background-origin/clip - ppt

by redky

HTML

<div class="box"></div>

CSS

.box {
    height: 100px;
    border: 20px solid #ffa;
    padding: 20px;
    background-image: url(https://www.google.com.hk/images/srpr/logo11w.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: padding-box;
    background-clip: padding-box;
}