OutGoing! Design
Esto es un foro de diseño gráfico con diversos programas , con actividades y mundo por explorar. Te invitamos a pasar el cursos por la imagen del logo y descubre el tablón mágico que hay en el. Animate y registrate
Hermandad
Noragami Roler
Últimos temas
» Búsqueda de Staff -Yes princess-
Sáb Mar 28, 2015 1:42 pm por paula10

» Hola soy Pia
Dom Sep 21, 2014 10:41 pm por Chokorabu

» Academia Ciaeth | Élite - Cambio de Botón
Vie Sep 05, 2014 5:37 pm por Invitado

» Nuevita y con PS a estrenar
Sáb Jul 26, 2014 5:21 pm por Viola

» Regalo de bienvenida , ven y pide!
Jue Jul 24, 2014 11:04 am por ChinaCarnavalera

» Posiblemente de guste esto... Pero posiblemente no(?) ❤Cari Hime❤ Galería~
Lun Jul 21, 2014 10:17 pm por 04Kitsu08

» Tutorial {CSS}: Editando cabecera y menú de un foro.
Miér Jul 16, 2014 4:14 pm por Katya Kutnesova

» Solo los humanos sensuales pueden leer esto(?)
Miér Jul 16, 2014 12:00 pm por ♥Cari Hime♥

» Mi Viene Y Se Presenta
Mar Jul 15, 2014 3:39 am por Invitado

Élite
12/12 Número de cupos
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
Skin diseñado por Eniozu © matryoshka
Conectarse

Recuperar mi contraseña


Tutorial {HTML} Simple hover , code base.

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial {HTML} Simple hover , code base.

Mensaje por Viola el 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 de personaje
Frase / Links / Etc

Viola
Admin


Mensajes : 75
OutPuntos : 152
Fecha de inscripción : 30/05/2013
Femenino Photoshop

Ver perfil de usuario http://outgoingdesign.forosactivos.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.