有兩個問題需要注意,(1)老師為了演示,添加了一個photo_back類到 photo類里了。這里的photo_front和photo_front應(yīng)該是JS控制切換正反面用的。需要特別注意!
(2)backface-visibility:hidden;設(shè)置之后正反面是不可能同時看到的,一個周期內(nèi)(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
圖片翻轉(zhuǎn)代碼歡迎到我的筆記里看看。
(2)backface-visibility:hidden;設(shè)置之后正反面是不可能同時看到的,一個周期內(nèi)(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
圖片翻轉(zhuǎn)代碼歡迎到我的筆記里看看。
2016-12-09
看了老師的視頻好幾遍 發(fā)現(xiàn)了這么幾個問題:
1..photo .photo-wrap應(yīng)該加入{
transform-origin: 0% 50% ;
}不然不是視頻里翻轉(zhuǎn)的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的話那也不能翻轉(zhuǎn) 因為隱藏
1..photo .photo-wrap應(yīng)該加入{
transform-origin: 0% 50% ;
}不然不是視頻里翻轉(zhuǎn)的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的話那也不能翻轉(zhuǎn) 因為隱藏
2016-12-07
為什么我的設(shè)置延時變化之后,會一直轉(zhuǎn)啊轉(zhuǎn),設(shè)置幾秒轉(zhuǎn)幾秒,我都暈了
2016-12-01
已采納回答 / 奴奴雪人
{{img}}中的({{)只是強(qiáng)調(diào)作用(你也可以簡單的認(rèn)為是一個JS要操作的對象標(biāo)記),你在看的時候也容易注意到,他就是老師前面說的(字符)模板,后面用js來操作數(shù)據(jù)進(jìn)行替換
2016-12-01
已采納回答 / qq_Jabo
沒有包裹的時候 console.log("這是"+a);有包裹的(拼接) ?id="nav_'+s+'" ;"turn( g(\'#photo_'+s+'\') )" ??\' ? 轉(zhuǎn)義
2016-12-01