elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:46  


Tema destacado: Grupo de Facebook de elhacker.net

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  HTML 5 y animaciones
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: HTML 5 y animaciones  (Leído 1,402 veces)
basickdagger

Desconectado Desconectado

Mensajes: 56


System.out.println("this is weird as fuck");


Ver Perfil
HTML 5 y animaciones
« en: 23 Agosto 2011, 01:48 »

hola, bueno estoy intentando realizar una animacion como la de esta pagina http://www.bhp-global.com/# pero no quiero utilizar flash y eh visto q html5 y css3 ya puede realizar estas cosas, si alguien de aqui sabe si esto es cierto y aplica ahorita para la mayoria de navegadores, o es una tecnologia q aun esta en su fase beta.....


En línea

System.out.println("objetos, variables, parametros..... mi cabeza esta por
romperse!!!!");
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.334

he vuelto :)


Ver Perfil WWW
Re: HTML 5 y animaciones
« Respuesta #1 en: 23 Agosto 2011, 17:41 »

te interesan las animaciones :P así que olvídate de opera e internet explorer por el momento, además html5 todavía no es un estándar, es un borrador

http://www.normansblog.de/demos/browser-support-checklist-css3/


En línea

Ojo por ojo, y el mundo acabará ciego.
basickdagger

Desconectado Desconectado

Mensajes: 56


System.out.println("this is weird as fuck");


Ver Perfil
Re: HTML 5 y animaciones
« Respuesta #2 en: 23 Agosto 2011, 23:21 »

ok gracias... =D  pero eh decidido crear la pagina para distintos navegadores, aunq no siempre tenga q salir animado... pero bueno probando esto( en chrome claro) quiero hacer el movimiento de un content de derecha a izquierda... ya pude hacerlo el problema va aqui, cuando hace el movimiento el scrollbar de la parte inferior esta "largo" y conforme se va moviendo y llega al punto final el scrollbar desaperece y se detiene. hay alguna propiedad para q el content empiece desde el borde del tamaño
de la resolucion? bueno estes e s mi parte del codigo para el movimiento.

Código:
@-webkit-keyframes movimiento-diagonal {
   from {
      left: 500px;
   }
   
   to {
      left: 0%;
   }
}

#content{

width:500px;
height:350px;
margin: 30px 20px 0 0;
float: right;
overflow-y: auto;
overflow-x: auto;
background-image:url("img/trans.png");
        font-family: verdana;
        -webkit-border-radius: 10px;
font-style: bold;
font-size:15px;

// esto es lo interesante =P

 -webkit-animation-name: movimiento-diagonal;
   -webkit-animation-duration: 5s;
    position:relative;
   padding: 2px;
 
 
 
}



En línea

System.out.println("objetos, variables, parametros..... mi cabeza esta por
romperse!!!!");
basickdagger

Desconectado Desconectado

Mensajes: 56


System.out.println("this is weird as fuck");


Ver Perfil
Re: HTML 5 y animaciones
« Respuesta #3 en: 24 Agosto 2011, 02:16 »

bueno eso ya lo pude solucionar... ahora mi duda es... quiero q salga corto el borde de el margen del navegador.... si se fijan en los 2 cuadros negros en las orillas pegadas al margen del navegador se ve una curvatura...lo q quiero es q este totalmente pegado y esa corbatura no se vea... chequenlo aki 

buulinc.com/inbuul
En línea

System.out.println("objetos, variables, parametros..... mi cabeza esta por
romperse!!!!");
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.334

he vuelto :)


Ver Perfil WWW
Re: HTML 5 y animaciones
« Respuesta #4 en: 24 Agosto 2011, 06:00 »

por lo visto tienes esto:

border-radius: 10px 10px 10px 10px;

cambialo por 0 10px 10px 0;

En línea

Ojo por ojo, y el mundo acabará ciego.
basickdagger

Desconectado Desconectado

Mensajes: 56


System.out.println("this is weird as fuck");


Ver Perfil
Re: HTML 5 y animaciones
« Respuesta #5 en: 24 Agosto 2011, 21:27 »

=D muchas gracias!!, nunca habia utilizado esa propiedad y dudaba de esoo  :laugh:
En línea

System.out.println("objetos, variables, parametros..... mi cabeza esta por
romperse!!!!");
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Mostrar codigo fuente escondido por HTML Protector, HTML Guardian, Altrise, etc.
Desarrollo Web
sirdarckcat 1 6,659 Último mensaje 10 Enero 2012, 09:40
por gm-vl
Animaciones =D
Foro Libre
‭‭‭‭jackl007 1 465 Último mensaje 31 Diciembre 2007, 10:58
por [Zero]
Animaciones md2 y .X
Dudas Generales
Meg 0 375 Último mensaje 20 Julio 2008, 22:35
por Meg
Necesito un chat para HTML, o insertarlo en html de alguna forma¿ideas?
Desarrollo Web
tomeu00 8 2,457 Último mensaje 13 Marzo 2010, 17:10
por Nakp
que es mejor, escribir codigo html desde un echo o html solo
Desarrollo Web
morenochico 1 1,357 Último mensaje 14 Febrero 2011, 19:10
por ~ Yoya ~
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines