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

不能旋转求大神指正

.test2{background:#999;}

.test2 figcaption{width:100%; height:100%;}

.test2 figcaption h2{margin-top:15%; margin-left:15%;}

.test2 figcaption p{margin-left:15%;}

.test2 figcaption div{border:2px solid #FFF; width:80%; height:80%; position:absolute; top:10%; left:10%;transform:translate(0px,-350px)rotate(360deg)}

.test2:hover figcaption div{transform:translate(0px,0px) rotate(0deg)}

慕神1840869

2018-06-15

源自：CSS3图片动态提示效果 3-2

关注问题我要回答

778

操作

收起

1 回答

helen_papa
2018-06-21

可能是兼容性问题，-webkit-transform:translate(0px,0px) rotate(0deg);
-moz-transform:translate(0px,0px) rotate(0deg);
transform:translate(0px,0px) rotate(0deg);加上前缀，另外那个div后面rotate要空格，不能挨着写