如何CSS转换适用于背景图片

Question

如何添加背景转换到后台尺寸如果代码如下：

的jsfiddle链接，完整的代码：https://jsfiddle.net/3x4vhtj6/

div { 
    background-size: 100% auto; 
} 

div:hover { 
    background-size: auto 100%; 
} 

更新

如果这是不可能的与当前版本的CSS是他们的任何其他方式来做这种效果与js或jQuery。

Answer 1

transition属性是你在找什么。但是，您需要使用固定值才能使转换生效。

如果您别无选择，仍然可以使用jQuery来计算值，然后使用jQuery .css()方法添加css属性。

您的使用情况下，你可以写这样的事情：

的jQuery：

$('.my-div').css({ background-size: getBackgroundSize() }); 

CSS：

div.my-div { 
    transition: all 1s; 
} 

div.my-div:hover { 
    transition: all 1s; 
}