Foros del Web » Creando para Internet » CSS »

Burbujas con CSS?

Estas en el tema de Burbujas con CSS? en el foro de CSS en Foros del Web. Hola, el efecto de las burbujas en la zona verde de esta pàgina, saben que efecto es o un script que lo haga? saludos y ...
  #1 (permalink)  
Antiguo 28/04/2014, 22:33
 
Fecha de Ingreso: septiembre-2005
Mensajes: 1.289
Antigüedad: 19 años, 2 meses
Puntos: 3
Burbujas con CSS?

Hola, el efecto de las burbujas en la zona verde de esta pàgina, saben que efecto es o un script que lo haga? saludos y gracias de ante mano!

http://www.jardindeeventosterranova.com/ubicacion.html
__________________
Wow! No se que decir...
  #2 (permalink)  
Antiguo 28/04/2014, 22:45
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Burbujas con CSS?

Hola:

Más que css me decantaría por javascript. Un apunte sobre burbujas: Burbujas de colores... y si quieres movimiento pogramar un temporizador que modifique sus coordenadas... También podrías informarte del formato svg: es poner la cabecera y los círculos son un tag circle...

Saaludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 29/04/2014, 22:33
 
Fecha de Ingreso: abril-2014
Ubicación: 3 metros sobre la casa de abajo
Mensajes: 40
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Burbujas con CSS?

Parahacer los circulos con Css solo deberás crear un div con un width y height de identica medida, luego colocar un border-radius al 50%. Eso creará el circulo.

div {
width: 200px;
heigth: 200px
border-radius: 50%;
}

Ahora, sobre la animación no tengo idea.
  #4 (permalink)  
Antiguo 30/04/2014, 01:17
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Burbujas con CSS?

Con un poco de CSS, puedes lograr realizar efectos muy buenos.



Y eso que este ejemplo es algo sencillo, no soy tan diestro para estas cosas.

Lee acerca de los keyframes, con eso podrás darle el efecto de desplazamiento.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

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 21:34.