Tutorial {HTML} Simple hover , code base.

por **Viola** Jue Mar 27, 2014 7:39 pm

Nombre del Tutorial: Simple hover , code base.
Dificultad: Media
Descripción: Simple hover , code base.

Codes en hide , comenta para ver

Simple hover , code base.

Nivel Medio

Pasa mouse bitch

LEE!

Lalala La profesora GraphicFlanny es pinshe sensual(?)

Primero que nada debemos ubicar el código html. Llamaremos a la caja como deseen yo la llame tablon1 recuerden ponerla en div class ya que tendrá propiedades con css.
Esqueleto o base:

Ahora utilizaremos el implemento de css en el html para colocar cosas en modo css es como un div.

Este fue el code que yo coloque

El esqueleto seria:

El resultado seria:

Puedes añadirle cuantos divs desees

Si no quieres que sea un cuadrado lo que tape el segundo div solo le cambias. Si a cambio seria una imagen solo cambia el primer div su background por background-image: url(imagenlink);

La base para hacer que aparezca de forma lenta o rapida es este codigo:

Pues es algo super simple, es un efecto hover con transición suavizada. Se puede suavizar la transición de cualquier cosa con las siguientes líneas:

Donde dice XX se debe reemlpazar por la cantidad de segundos que debe durar la transición (recomiendo 0.75 o 1 para hovers). El t determinará cómo se llevará a cabo la función a lo largo del tiempo especificado. Estos son los valores que se le pueden asignar: linear (la animación sucede de modo parejo), ease (empieza lento, acelera y vuelve a desacelerar), ease-in (comienza lento y sigue normal) y ease-out (comienza normal y termina lento). Finalmente, donde dice delay se puede colocar el tiempo en segundos que quieren que transcurra antes de que inicie la animación. Si no quieren que pase tiempo, simplemente borran ese valor.

LEE!

Alfredo Misae Kotone , era conocido por ser un médico famoso , pero el tenia en mente un proyecto el cual se trataba de un internado para mantener ocultos una relación entre humanos y sus creaciones que eran experimentos que familias de alto prestigio permitía y entregaba a sus menores hijos para estas crueles transformaciones. Alfredo no tenia corazón por así decirlo , solo quería realizar aquel macabro proyecto. Los hijos e hijas de las familias ricas eran transformados en criaturas con cuerpo humano y parte de otros animales. Ellos solo tenían que mantener lo que sufrieron en secreto. Para completar su plan solo faltaban humanos, luego de terminar a construcción del internado , aunque por decirlo era una mansión. Repartió becas a institutos de bajos recursos económicos , solo personas prestigiosas y con gran conocimiento sin importar sus recursos económicos podía conseguir esa beca. Cuando ingresaban , pasaban por un tratamiento , en el cual les indicaban todo lo que había hecho el director y como era su proyecto , tenían que mantener todo en secreto con sus padres y personas del exterior sino serían asesinados , era la misma advertencia para los de condiciones altas , no importaba la clase social, quien hablaba , se las ganaba.

Creado por [Tienes que estar registrado y conectado para ver este vínculo]

Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro
Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro
Nombre dle foro	Nombre dle foro	Nombre dle foro	Nombre dle foro