+ .flip-180 {
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: rotateY(180deg);
+ -webkit-transition-duration: 2s;
+ -webkit-transition-property: transform;
+ }
+
+ .flip-360 {
+ -webkit-backface-visibility: hidden;
+ -webkit-transform: rotateY(360deg);
+ -webkit-transition-duration: 2s;
+ -webkit-transition-property: transform;
+ }
+
+ .fade-out {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ -webkit-transition-duration: 2s;
+ }
+
+ .fade-in {
+ opacity: 1;
+ -webkit-transition-property: opacity;
+ -webkit-transition-duration: 2s;
+ }
+