                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /CSS3+JS 實(shí)現(xiàn)超炫的散列畫(huà)廊特效

翻轉(zhuǎn)和之前一個(gè)Photo的時(shí)候的翻轉(zhuǎn)不一樣了，是不是親們

驚訝的發(fā)現(xiàn) 翻轉(zhuǎn)和之前一個(gè)photo的時(shí)候的翻轉(zhuǎn)不一樣了，不知道是哪的原因，很是怪異，求解，求解?。?！這個(gè)翻轉(zhuǎn)的時(shí)候看上面那個(gè)邊，是水平的在動(dòng)，之前一個(gè)Photo的時(shí)候，翻轉(zhuǎn)的時(shí)候，上面那個(gè)邊有上下方向的浮動(dòng)。老師，求解！?。?！

yanlingdi

2015-06-29

源自：CSS3+JS 實(shí)現(xiàn)超炫的散列畫(huà)廊特效 3-6

關(guān)注問(wèn)題我要回答

1270

操作

收起

2 回答

薔薇旖夢(mèng)
2015-12-15

第一個(gè)是rotate3d,第二個(gè)是rotateY

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

yanlingdi 提問(wèn)者

第一個(gè)也是rotateY 它的轉(zhuǎn)換是通過(guò)把photo上面的photo-front 變成photo-back .photo-front .photo-wrap{transform:rotateY(0deg);} .photo-back .photo-wrap{transform:rotateY(180deg);} 這是它們的樣式，樣式不變，單一的photo的時(shí)候的變換與多個(gè)photo時(shí)候的變換就不一樣了