/* entire container, keeps perspective */ .flip-container { perspective: 1000px; -webkit-perspective: 1000px; float: left; width: calc(33.3% - 25px); height: 300px; } .flipper .back { height: 252px; overflow: hidden; margin: 0 auto; text-align: left; width: 100%; } .front { text-align: center; width: 100%; } /* flip the pane when hovered */ .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .flip-container, .front, .back { } /* flip speed goes here */ .flip-container .flipper { transition: 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .flip-container .front, .flip-container .back { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; } /* front pane, placed above back */ .flip-container .front { z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } /* back, initially hidden pane */ .flip-container .back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .vertical.flip-container { position: relative; } .vertical .back { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); } .vertical.flip-container .flipper { transform-origin: 100% 213.5px; /* half of height */ -ms-transform-origin: 100% 213.5px; /* IE 9 */ -webkit-transform-origin: 100% 213.5px; } .vertical.flip-container:hover .flipper { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); } @media only screen and (max-width: 600px) { .flip-container { width: calc(50% - 24px) !important; height: 400px; } } @media only screen and (max-width: 400px) { .flip-container { width: calc(100% - 20px) !important; height: 200px; } h4 { font-size: 5vw !important; } } Entrevista a Norberto Ciciaro Villalba en EL PODER DE TU MENTEEntrevista a Norberto Ciciaro Villalba en EL PODER DE TU MENTEEntrevista a Norberto Ciciaro Villalba - Autor de Buscadores de Plenitud, Reflexiones.Entrevista a Norberto Ciciaro Villalba - Autor de Buscadores de Plenitud, Reflexiones.¿Qué es la Espiritualidad? - Programa Más Auténticos - Entrevista de radio¿Qué es la Espiritualidad? - Programa Más Auténticos - Entrevista de radioEntrevista de radio - Ciclo de Conferencias en Bibliotecas PúblicasEntrevista de radio - Ciclo de Conferencias en Bibliotecas PúblicasEntrevista en radio Onda ArcoIris. Programa Más AuténticosEntrevista en radio Onda ArcoIris. Programa Más AuténticosEntrevista de radio en Onda Verde - Programa Luna de BabiloniaEntrevista de radio en Onda Verde - Programa Luna de BabiloniaEntrevista a Norberto G. CiciaroEntrevista a Norberto G. CiciaroEntrevista de radio en Programa Fundación 26 de DiciembreEntrevista de radio en Programa Fundación 26 de DiciembreVieiras 10 afirmaciones para ti - Volumen 17Vieiras 10 afirmaciones para ti - Volumen 17Vieiras 10 afirmaciones para ti - Volumen 16Vieiras 10 afirmaciones para ti - Volumen 16Vieiras 10 afirmaciones para ti - Volumen 15Vieiras 10 afirmaciones para ti - Volumen 15Vieiras 10 afirmaciones para ti - Volumen 14Vieiras 10 afirmaciones para ti - Volumen 14Vieiras 10 afirmaciones para ti - Volumen 13Vieiras 10 afirmaciones para ti - Volumen 13Vieiras 10 afirmaciones para ti - Volumen 12Vieiras 10 afirmaciones para ti - Volumen 12Vieiras 10 pensamientos para ti - Volumen 11Vieiras 10 pensamientos para ti - Volumen 11Vieiras 10 pensamientos para ti - Volumen 10Vieiras 10 pensamientos para ti - Volumen 10Vídeo Vieiras 10 pensamientos para ti - Volumen 9Vídeo Vieiras 10 pensamientos para ti - Volumen 9Vídeo Vieiras 10 pensamientos para ti - Volumen 8Vídeo Vieiras 10 pensamientos para ti - Volumen 8Vídeo Vieiras 10 pensamientos para ti - Volumen 7Vídeo Vieiras 10 pensamientos para ti - Volumen 7Vídeo Vieiras 10 pensamientos para ti - Volumen 6Vídeo Vieiras 10 pensamientos para ti - Volumen 6Vídeo Vieiras 10 pensamientos para ti - Volumen 5Vídeo Vieiras 10 pensamientos para ti - Volumen 5Vídeo Vieiras 10 pensamientos para ti - Volumen 4Vídeo Vieiras 10 pensamientos para ti - Volumen 4Vídeo Vieiras 10 pensamientos para ti - Volumen 3Vídeo Vieiras 10 pensamientos para ti - Volumen 3Vídeo Vieiras 10 pensamientos para ti - Volumen 2Vídeo Vieiras 10 pensamientos para ti - Volumen 2Vídeo Vieiras 10 pensamientos para ti - Volumen 1Vídeo Vieiras 10 pensamientos para ti - Volumen 1
