Un lindo efecto para nuestra web usando solamente PNG y JQuery.
Dynamic PNG shadow position & opacity with jQuery es el nombre de este plugin para jquery que permite posicionar la sombra de un objeto en razon a la direccion de la luz que recibe.
Lo único que necesitamos son dos imágenes en .png, una que va a ser la que se ve siempre y otra que va a tomar el papel de sombra. Una vez que tengamos las dos imágenes las tendremos que renombrar a logo.png (La que se ve siempre) y logo-shadow.png (la imágen de la sombra).
Luego solo queda incluir antes del head los archivos del jquery, el plugin y el CSS.
Dynamic PNG shadow position & opacity with jQuery es el nombre de este plugin para jquery que permite posicionar la sombra de un objeto en razon a la direccion de la luz que recibe.
Lo único que necesitamos son dos imágenes en .png, una que va a ser la que se ve siempre y otra que va a tomar el papel de sombra. Una vez que tengamos las dos imágenes las tendremos que renombrar a logo.png (La que se ve siempre) y logo-shadow.png (la imágen de la sombra).
Luego solo queda incluir antes del head los archivos del jquery, el plugin y el CSS.
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<script type="text/javascript" src="script.js"></script>
Realizado por |
http://pushingpixels.at/
Editado y Traducido por |
Editado y Traducido por |