como hago esto con css

[chuchufuentes]

alguien podria ayudarme si es posible hacer esto con CSS
http://www.wix.com/ibarra_oswaldo/elcristorestaurant

gracias

[ramondevesa]

Si no me equivoco esto está echo con Flash ¿no? la prueba está cuando pulsamos con el botón derecho encima de la plantilla, se pueden ver las configuración de Flash.

Saludos

[sanxuan]

Usando el estándar actual que es CSS2.1 no. Sería necesario usar javascript o Flash como en esa página o soluciones similares.
Con CSS3 esperamos que sea que sí. Al menos para animaciones sencillas como las de esa página. Algunos navegadores ya permiten usar CSS3 para generar animaciones, pero todavía no funciona en todos los navegadores.
Efectos como el de la esquina de la carta desplegándose no serán tan sencillos de realizar seguramente. Yo espero que o bien Adobe resuelva las diferencias con Apple o mejor aún que alguien desarrolle un programa como Flash que sólo use HTML5 y CSS3.
Yo no me veo escribiendo el código de animaciones complejas para cosas que en Flash conseguimos de manera más intuitiva. El problema de Flash hoy se llama Apple iPhone, pero creo que el futuro es HTML5+CSS3.

[ArturoGallegos]

el diseño y estructura del sitio si es posible con css pero perderías la animación del catalogo, quizás con ajax puedas conseguir alguna animación similar pero con CSS en definitiva no se puede crear animaciones

[sanxuan]

Iniciado por sanxuan

Usando el estándar actual que es CSS2.1 no. Sería necesario usar javascript o Flash como en esa página o soluciones similares.
Con CSS3 esperamos que sea que sí. Al menos para animaciones sencillas como las de esa página. Algunos navegadores ya permiten usar CSS para generar animaciones, pero todavía no funciona en todos los navegadores.
Efectos como el de la esquina de la carta desplegándose no serán tan sencillos de realizar seguramente. Yo espero que o bien Adobe resuelva las diferencias con Apple o mejor aún que alguien desarrolle un programa como Flash que sólo use HTML5 y CSS3.
Yo no me veo escribiendo el código de animaciones complejas para cosas que en Flash conseguimos de manera más intuitiva. El problema de Flash hoy se llama Apple iPhone, pero creo que el futuro es HTML5+CSS3.

Corrijo: Mientras no sea un estándar, lo que se consigue con webkit es CSS pero no CSS3.

[kseso?]

Iniciado por chuchufuentes

alguien podria ayudarme si es posible hacer esto con CSS
http://www.wix.com/ibarra_oswaldo/elcristorestaurant

gracias

Sí.
Copio y pego del blog de Roman Cortés

Pure Css3 page flip efect:
By using CSS3 gradients, transitions, 2d transforms and clipping, I’ve achieved this pure CSS3 — without Javascript — page flipping effect. By adding some Javascript it would be possible to do a full catalog viewer just like the existent ones done in Flash, but I wanted to try if it was possible to do it without Javascript… and it is!It works in Webkit based browsers (Safari and Chrome) only. Take a look of it here

Repito, el autor de texto citado y del ejemplo es Román Cortés.
Otra cuestión muy distinta es la conveniencia de llevarlo a un proyecto real, y no como una demostración del potencial de css.

De lo que sí que existen múltiples ejemplos funcionando en la red es de ese efecto logrado con javascript.
Sólo es cuestión de hacer una búsqueda

[kseso?]

Por falta de tiempo, esta mañana no pude localizar el que me parece uno de los mejores page flip (no flash).
En su caso, utiliza html5 (canvas), y fue realzado por un grupo de colaboradores de chrome:
http://www.html5rocks.com/tutorials/..._pageflip.html
Pongo ese enlace y no el original a la realización, porque ahí comentan [ing] algunas cosillas sobre el código.