翻转关键的代码
/*先开始时.img-back,旋转了180度,因为translateZ(1px),位于正面图像的下方*/
/*当.img-figure旋转时,.img-back又旋转了180度,旋转度数为360,因为translateZ(1px),位于正面图像的上方*/
transform: rotateY(180deg) translateZ(1px);
源码地址:https://github.com/geekhac/gallery-by-react/blob/master/src/styles/App.scss(包含了下节课的几行代码)
/*先开始时.img-back,旋转了180度,因为translateZ(1px),位于正面图像的下方*/
/*当.img-figure旋转时,.img-back又旋转了180度,旋转度数为360,因为translateZ(1px),位于正面图像的上方*/
transform: rotateY(180deg) translateZ(1px);
源码地址:https://github.com/geekhac/gallery-by-react/blob/master/src/styles/App.scss(包含了下节课的几行代码)
2016-10-19
最赞回答 / 爱睡觉的小猫咪
参考:http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector是因为刚刚类名设置不正确,带点号是说追加一个类名,在原有类名后要有空格
2016-10-19
浏览器前缀在react中的写法http://www.andismith.com/blog/2012/02/modernizr-prefixed/
2016-10-18
这是根据最新的webpack,使用es6编写的https://github.com/winsan-zhang/gallery-react。可以一起交流
2016-10-17