css3动态画廊,CSS3+JS 实现超炫的散列画廊特效

肯定一片黑，

.photo_front .photo-wrap{

transform: rotateY(0deg);

}

.photo_back .photo-wrap{

transform: rotateY(180deg);

}

理解一下

正面

反面

现在是需要把photo-wrap下的div1和div2进行翻转，简单理解就是翻过去div1之后把div2展示出来。翻过去div2之后把div1展示出来。

你直接把photo-wrap翻转过去肯定什么都没有，就是一片黑。

你把手机放桌子上，翻过去手机是背面，再翻过来是正面。你要是把桌子翻过去还能看到手机吗？

.photo_front .photo-wrap .div1{//正面在上时 div1的样式

transform: rotateY(0deg);

}

.photo_front .photo-wrap .div2{//正面在上时 div2的样式

transform: rotateY(180deg);

}

.photo_back .photo-wrap .div1{//反面在上时 div1的样式

transform: rotateY(180deg);

}

.photo_back .photo-wrap .div2{//反面在上时 div2的样式

transform: rotateY(360deg);

}