javascript - jquery：如何在 jquery 中将 web 反射设置为动画

Question

我可以在 jquery 中使用动画函数来动画某些效果。但我想用 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"

您还可以使用 CSS3transform属性，例如：scaleY(-1)

http://caniuse.com/#search=box-reflect