Поддержка переходов для размеров фона

by SerGen

HTML

<div class="Frame"></div>

CSS

.Frame {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAgMAAADw5/WeAAAACVBMVEX///8AAhQAAxIDfhh+AAAAG0lEQVQI12MITQ0NTWVwYAABTLIBwqaUxDQHAAQjBwoQ32fqAAAAAElFTkSuQmCC) 50% / 20px;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    height: 190px;
    margin: 100px auto 0;
    width: 290px;
    
    transition: background .3s ease-in-out;
}
.Frame:hover {
    background-size: 10px;
}

JavaScript

/*!
    Тест поддержки переходов для свойства `background-size`
 */