Foros del Web » Creando para Internet » CSS »

Lata de Coca-cola 100% CSS

Estas en el tema de Lata de Coca-cola 100% CSS en el foro de CSS en Foros del Web. Por si alguien aún tiene claro el potencial de css, disfruten con este ejemplo: http://www.romancortes.com/blog/pure-css-coke-can/ Cito de la página del autor: Cita: Tras crear mi ...
  #1 (permalink)  
Antiguo 26/01/2010, 11:01
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Lata de Coca-cola 100% CSS

Por si alguien aún tiene claro el potencial de css, disfruten con este ejemplo:

http://www.romancortes.com/blog/pure-css-coke-can/

Cito de la página del autor:

Cita:
Tras crear mi anterior efecto (post anterior a este), describí que con una combinación de las propiedades CSS1 background-attachment y background-position, se pueden crear mapas de desplazamiento y, mediante barras de scroll, estos mapas pueden moverse y aplicarse a diferentes partes de una textura (una imagen de fondo).
__________________
Revisa las FAQ's antes de disparar.
  #2 (permalink)  
Antiguo 26/01/2010, 12:57
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 5 meses
Puntos: 83
Respuesta: Lata de Coca-cola 100% CSS

Excelente aporte!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 26/01/2010, 13:07
RatonesPelones
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Lata de Coca-cola 100% CSS

wow, me anima a seguir experimentando con css y eso que apenas voy iniciando
  #4 (permalink)  
Antiguo 26/01/2010, 17:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Lata de Coca-cola 100% CSS

Hola:

Me he quedado con las ganas, el enlace no funciona. Intentaré verlo mañana.

Saludos.

  #5 (permalink)  
Antiguo 26/01/2010, 18:30
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Lata de Coca-cola 100% CSS

yo también esperaré a mañana je. mmm Si no me equivoco roman cortes es el credor de las "meninas 3d con CSS" .. así que valdrá la espera!
  #6 (permalink)  
Antiguo 26/01/2010, 18:41
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Lata de Coca-cola 100% CSS

Yo lo vi esta mañana por Twitter, es interesante como logra esos efectos, aunque siento que no son útiles en un proyecto web.

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 27/01/2010, 17:23
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Lata de Coca-cola 100% CSS

Hola:

Fantástico, la verdad.

Cita:
Iniciado por Carlangueitor Ver Mensaje
... aunque siento que no son útiles en un proyecto web.
Yo no sería tan rotundo, nunca se sabe que puede necesitarse.

Saludos.

  #8 (permalink)  
Antiguo 27/01/2010, 18:36
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Lata de Coca-cola 100% CSS

exelente muy bueno este tio siempre me impresiona...
Cita:
aunque siento que no son útiles en un proyecto web
todo depende de la creatividad... y lo que hagas con ella...

mira que yo digo que los libros no sirven de nada... jajaja
__________________
Toroflix - movies.
  #9 (permalink)  
Antiguo 27/01/2010, 23:38
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Lata de Coca-cola 100% CSS

Bueno me refiero a cuestiones de prácticidad, con la fácilidad de JavaScript por ejemplo, creo que esto sería trabajo demás, aunque si podría servir en algunos casos (incluso pienso en algunas técnicas de Black Hat SEO).

Saludos
__________________
Grupo Telegram Docker en Español
  #10 (permalink)  
Antiguo 27/01/2010, 23:53
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 15 años, 5 meses
Puntos: 83
Respuesta: Lata de Coca-cola 100% CSS

Cita:
aunque siento que no son útiles en un proyecto web
Diselo a el Webmaster de la Coca Cola!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #11 (permalink)  
Antiguo 28/01/2010, 04:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Lata de Coca-cola 100% CSS

Cita:
Iniciado por Carlangueitor Ver Mensaje
aunque siento que no son útiles en un proyecto web.
Pues podríamos revisar el código en este hilo, tratar de comprender como lo ha realizado, algo seguro que aprendemos.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #12 (permalink)  
Antiguo 28/01/2010, 13:26
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.638
Antigüedad: 22 años, 11 meses
Puntos: 1792
Todo se puede en CSS

Me encanta como la tecnologia nos ha seguido abriendo horizontes..

Una lata de Coca Cola hecha enteramente en CSS:
http://www.romancortes.com/blog/pure-css-coke-can/
__________________
- Christian Van Der Henst
Platzi
  #13 (permalink)  
Antiguo 28/01/2010, 13:42
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Todo se puede en CSS

jejeje
http://www.forosdelweb.com/f53/lata-...00-css-772510/
__________________
Toroflix - movies.
  #14 (permalink)  
Antiguo 28/01/2010, 16:52
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Lata de Coca-cola 100% CSS

Cita:
Iniciado por Calizman Ver Mensaje
Diselo a el Webmaster de la Coca Cola!


Saludos.

  #15 (permalink)  
Antiguo 28/01/2010, 19:35
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 14 años, 11 meses
Puntos: 1485
Respuesta: Lata de Coca-cola 100% CSS

que efecto mas hijo de #&*$! claro, no es novedoso pero hacerlo con CSS es lo que lo hace interesante.
Cita:
Iniciado por Impostor Ver Mensaje
Pues podríamos revisar el código en este hilo, tratar de comprender como lo ha realizado, algo seguro que aprendemos.

Saludos¡¡
pense que era tan complicado pero en realidad es un tanto sencillo.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Última edición por zerokilled; 28/01/2010 a las 19:45
  #16 (permalink)  
Antiguo 28/01/2010, 21:41
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Lata de Coca-cola 100% CSS

Alguien será capaz de destripar ese código?

El mismo autor nos cuenta como realizar el efecto de las Meninas 3D.
  #17 (permalink)  
Antiguo 28/01/2010, 22:06
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 8 meses
Puntos: 137
Respuesta: Lata de Coca-cola 100% CSS

Cita:
Alguien será capaz de destripar ese código?
yo creo que no hay ningun secreto ni complejidad...
solo mucha mucha creatividad e inteligencia... y a este le sobra y mucha
con ver el codigo e ir jugando si tienes curiosidad pues te vas enterando...
http://www.romancortes.com/ficheros/css-coke.html

ahora que recuerdo.. navegando por alli me encontre un sitio con algo parecido solo que vertical... el sitio constaba de "helado" sino me equivoco en el header tenia las 3 llaves y la pagina estaba muy larga mientras bajabas por todo el sitio bajaba el "helado" contigo jeje...
y hasta abajo en el footer estaban los conos de dulce de un tipico "helado"...

si mi memoria no me falla eh visto almenos 3 sitios asi... aun que van de lo mismo los 3 son buenos y muy creativos aver si los encuentro....
__________________
Toroflix - movies.

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 03:23.