关于css3动画的兼容性问题

下面这段css3样式在电脑上鼠标经过能看到效果，在iPhone上点击就能看到效果，但是在安卓机上点击是没反应，不知道是什么原因呢？

.svg-hover:hover{

  opacity: 1;

  transform: translateY(-50%) translateX(0) scale(1);

  -ms-transform: translateY(-50%) translateX(0) scale(1);	/* IE 9 */

  -webkit-transform:translateY(-50%) translateX(0) scale(1);	/* Safari and Chrome */

  -o-transform: translateY(-50%) translateX(0) scale(1);		/* Opera */

  -moz-transform: translateY(-50%) translateX(0) scale(1);		/* Firefox */

}

2 个解决方案