Foros del Web » Creando para Internet » CSS »

como hago esto con css

Estas en el tema de como hago esto con css en el foro de CSS en Foros del Web. alguien podria ayudarme si es posible hacer esto con CSS http://www.wix.com/ibarra_oswaldo/elcristorestaurant gracias...
  #1 (permalink)  
Antiguo 17/02/2011, 15:05
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
como hago esto con css

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

gracias
  #2 (permalink)  
Antiguo 17/02/2011, 15:20
 
Fecha de Ingreso: noviembre-2010
Mensajes: 234
Antigüedad: 7 años, 1 mes
Puntos: 2
Respuesta: como hago esto con css

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
  #3 (permalink)  
Antiguo 17/02/2011, 15:23
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: como hago esto con css

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.
  #4 (permalink)  
Antiguo 17/02/2011, 15:34
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.824
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: como hago esto con css

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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #5 (permalink)  
Antiguo 17/02/2011, 15:36
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: como hago esto con css

Cita:
Iniciado por sanxuan Ver Mensaje
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.
  #6 (permalink)  
Antiguo 18/02/2011, 08:57
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: como hago esto con css

Cita:
Iniciado por chuchufuentes Ver Mensaje
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
Cita:
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
  #7 (permalink)  
Antiguo 18/02/2011, 13:57
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: como hago esto con css

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.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:19.