Upload
jonathan-alfonso
View
63
Download
1
Embed Size (px)
Citation preview
html
<a href="http://decode.uk.com/"><img src="images/decode_site.png" id="decode" alt="decode site" class="span6”></a>
css
#decode {width:40%; max-width:400px;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow:3px 3px 3px #000;box-shadow:3px 3px 3px #000;
}
javascript
$(document).hover(function () { $("#decode").css("background" , "url(../images/decode_hover.png)");
}, function () { $("#decode").animate({opacity:'0'}); } );
Other Technicalities
• Unable to do the three external sizes of large displays, default, tablets, and phones.
• Dealing with proportions of each object.
To improve
• More time = More Effort• Learn more about the JavaScript tool
in order to animate my desired objects.