css3 - texto - ¿Efecto flip de página para HTML5?
efectos para imagenes con bootstrap (4)
Aquí hay otra animación de página movida con animaciones CSS ACTUALIZACIÓN: LINK BROKEN. La metodología se basa en el original inspirado de las Cortes romanas .
La forma en que se construye es que cada página a la derecha se anidará dos veces dentro de dos divs. La división interna se gira 30 grados alrededor de un punto de rotación sobre la página dentro de una división externa para que la página quede a la vista. El div exterior también se gira alrededor del mismo punto de rotación unos 15 grados. Se configura con un desbordamiento: oculto y actúa como un contenedor de recorte para la página div interna. La indexación z se utiliza para apilar las páginas una encima de otra.
Cada página está superpuesta y subyacente con un gradiente de opacidad progresivo gris que se escala en el eje x para que la sombra se expanda y desaparezca a medida que se gira la página.
El código es un poco complejo, pero la fuente de la vista es bastante sencilla
Hola, ¿es posible tener el efecto de pasar una página como un libro para HTML5? ¿Si es así, Cómo se hace?
¡Gracias por adelantado!
Puede usar el complemento jQuery para el efecto de cambio de página.
A continuación se muestra el enlace al plugin de jQuery.
http://plugins.jquery.com/plugin-tags/page-flip
Puede encontrar una demostración en http://builtbywill.com/code/booklet/
Espero que esto ayude.
Puedes usar Transformaciones CSS para esto.
Más información: http://www.the-art-of-web.com/css/css-animation/
O aquí (solo disponible actualmente en los navegadores Webkit) http://www.romancortes.com/blog/pure-css3-page-flip-effect/
turn.js es un complemento para jQuery que crea un efecto de giro de página muy realista utilizando HTML5, es un efecto encantador y el complemento se ha escrito de tal manera que implementarlo y configurarlo sea simple y sin complicaciones.