                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

860

操作

收起

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要空格，不能挨著寫