jquery:如何将webit反射放在jquery中进行动画处理

Question

我可以在jquery中使用animate函数来动画化某些效果。但我想用webkit做一些反思性的动画。如何传入webkit css属性？

$(this).animate({
     webkit-box-reflect:below 50px,
     top: y,
     left: x,
     height: photoSizes[1],
     width: photoSizes[0]
   },{
     duration: 1000,
     easing: 'easeOutBounce'
});

Answer 1

webkit-box-reflect:below 50px,错误，因为-符号被解析为minus。
而是尝试使用：

"webkit-box-reflect":"below 50px"

或者也使用camelCase:

boxReflect: "below 50px"

也可以使用CSS3 transform属性，如：scaleY(-1)

http://caniuse.com/#search=box-反射