有兩個(gè)問題需要注意,(1)老師為了演示,添加了一個(gè)photo_back類到 photo類里了。這里的photo_front和photo_front應(yīng)該是JS控制切換正反面用的。需要特別注意!
(2)backface-visibility:hidden;設(shè)置之后正反面是不可能同時(shí)看到的,一個(gè)周期內(nèi)(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
圖片翻轉(zhuǎn)代碼歡迎到我的筆記里看看。
(2)backface-visibility:hidden;設(shè)置之后正反面是不可能同時(shí)看到的,一個(gè)周期內(nèi)(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
圖片翻轉(zhuǎn)代碼歡迎到我的筆記里看看。
2016-12-09
看了老師的視頻好幾遍 發(fā)現(xiàn)了這么幾個(gè)問題:
1..photo .photo-wrap應(yīng)該加入{
transform-origin: 0% 50% ;
}不然不是視頻里翻轉(zhuǎn)的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的話那也不能翻轉(zhuǎn) 因?yàn)殡[藏
1..photo .photo-wrap應(yīng)該加入{
transform-origin: 0% 50% ;
}不然不是視頻里翻轉(zhuǎn)的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的話那也不能翻轉(zhuǎn) 因?yàn)殡[藏
2016-12-07
為什么我的設(shè)置延時(shí)變化之后,會(huì)一直轉(zhuǎn)啊轉(zhuǎn),設(shè)置幾秒轉(zhuǎn)幾秒,我都暈了
2016-12-01
這是跟著老師來實(shí)現(xiàn)的代碼,歡迎點(diǎn)評(píng)和參考 ^-^~
https://github.com/Vivian-kawei/PhotoGallery-byJavaScript
https://github.com/Vivian-kawei/PhotoGallery-byJavaScript
var template =g('#wrap').innerHTML;和<img src="photo/{{img}}"/>報(bào)錯(cuò)
2016-11-15
可不可以把這個(gè)網(wǎng)頁改為讓用戶自己上傳圖片,并且不用到數(shù)據(jù)庫啊
2016-11-08