                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3图片动态提示效果

【求大神解答一下，谢谢】斜切效果在谷歌浏览器运行不好使，但是在火狐ie10都好使为什么

<figure class="test3">
           <img src="img/2.jpg"/>
           <figcaption>
               <h2>斜切动画</h2>
               <p>斜切动画斜切动画</p>
           </figcaption>
       </figure>

/*css部分*/
.test3{background: #000;}
.test3 figcaption{
   top: 30%;
   left: 15%;
}
.test3 figcaption h2{
   transform: skew(90deg);
}
.test3 figcaption p{
   transform: skew(90deg);
   transition-delay: 0.1s;
}
.test3:hover img{opacity: 0.5;}
.test3:hover figcaption h2{
   transform: skew(0deg);
}
.test3:hover figcaption p{
   transform: skew(0deg);
}