[CSS] Animación pre hecha. ¿Donde la pongo?.

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

[CSS] Animación pre hecha. ¿Donde la pongo?.

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: [CSS] Animación pre hecha. ¿Donde la pongo?. (Leído 2,278 veces)

Ori-chan

Desconectado

Mensajes: 257

El rey de los novatos en persona.

[CSS] Animación pre hecha. ¿Donde la pongo?.

« en: 1 Enero 2013, 02:14 am »

Estaba toqueteando el http://www.css3maker.com/index.html cuando encontré la opción de animación. Hice algunas cosas y me salió esto:

Código

.classname {
-webkit-animation: cssAnimation 1s 16 ease;
-moz-animation: cssAnimation 1s 16 ease;
-o-animation: cssAnimation 1s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}

¿Se tendría que meter aquí?:

Código

<STYLE type="text/css">
 
</STYLE>

Una vez puesto donde se tuviera que poner, ¿Como lo acciono?.

Un saludo y gracias por leer!!


	En línea

Shell Root

Moderador Global

Desconectado

Mensajes: 3.723

Re: [CSS] Animación pre hecha. ¿Donde la pongo?.

« Respuesta #1 en: 2 Enero 2013, 04:35 am »

Se pondría entre las etiquetas <SCRIPT> el código css, pero para ponerlo a funcionar debería de crear un "objeto", y agregarle la clase .classname{}, es decir:

Código

<pre class = 'classname'>...</pre>


	En línea

Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Ori-chan

Desconectado

Mensajes: 257

El rey de los novatos en persona.

Re: [CSS] Animación pre hecha. ¿Donde la pongo?.

« Respuesta #2 en: 3 Enero 2013, 14:50 pm »

Gracias por esto, me imaginaba que se tendría que poner lo de

Código

class = 'classname'

Pero no me imaginaba donde.

Entonces quedaría así?:

Código

<!Doctype html>
<html>
<head>
</head>
<script type="text/css">
<pre class = 'classname'>
.classname {
-webkit-animation: cssAnimation 1s 16 ease;
-moz-animation: cssAnimation 1s 16 ease;
-o-animation: cssAnimation 1s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
</pre>
</script>
<body>
</body>
</html>

Y después como lo llamo para que haga el efecto?
Asi o algo parecido?

Código

<body>
<INPUT TYPE="button" VALUE="girar" class='classname'>
</body>


« Última modificación: 4 Enero 2013, 19:08 pm por Ori-chan »	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Hacking macosX? donde lo pongo? Sugerencias y dudas sobre el Foro	T0rete	2	2,064	24 Enero 2006, 06:23 am por aNexos
	Donde los pongo? Java	mecosecho	1	2,099	20 Agosto 2009, 21:35 pm por Debci
	Donde Pongo Una Descripcion Del Foro? SMF Desarrollo Web	TranceMaster	4	3,231	10 Enero 2012, 20:21 pm por TranceMaster
	¿Cómo exportar una animación hecha en una página web? Programación General	big_ed	8	4,810	27 Julio 2019, 19:22 pm por big_ed
	donde pongo sda2/EFI/ubuntu/shim64.efi « 1 2 » GNU/Linux	Abcita	14	13,255	8 Agosto 2020, 22:19 pm por Abcita