有两个问题需要注意,(1)老师为了演示,添加了一个photo_back类到 photo类里了。这里的photo_front和photo_front应该是JS控制切换正反面用的。需要特别注意!
(2)backface-visibility:hidden;设置之后正反面是不可能同时看到的,一个周期内(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
图片翻转代码欢迎到我的笔记里看看。
(2)backface-visibility:hidden;设置之后正反面是不可能同时看到的,一个周期内(180deg),0-90deg只能看到正面,90-180deg才能看到背面。
图片翻转代码欢迎到我的笔记里看看。
2016-12-09
看了老师的视频好几遍 发现了这么几个问题:
1..photo .photo-wrap应该加入{
transform-origin: 0% 50% ;
}不然不是视频里翻转的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的话那也不能翻转 因为隐藏
1..photo .photo-wrap应该加入{
transform-origin: 0% 50% ;
}不然不是视频里翻转的效果
2..photo .side-front{
}或者.photo .side-back里面如果有display:none的话那也不能翻转 因为隐藏
2016-12-07
已采纳回答 / 奴奴雪人
{{img}}中的({{)只是强调作用(你也可以简单的认为是一个JS要操作的对象标记),你在看的时候也容易注意到,他就是老师前面说的(字符)模板,后面用js来操作数据进行替换
2016-12-01
已采纳回答 / qq_Jabo
没有包裹的时候 console.log("这是"+a);有包裹的(拼接) id="nav_'+s+'" ;"turn( g(\'#photo_'+s+'\') )" \' 转义
2016-12-01