*------ IMAGE ANIMATION------*/ img, a img { filter: none; -webkit-filter: grayscale(0);} .photo img { opacity:1; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} img:hover, a:hover img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} ...

Continue Reading

.player{ position:fixed; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; bottom:10px; overflow:hidden; right:10px; background:#fff; width:10px; border-radius:2px; padding:10px; border: 3px solid #FFDBE2; } .player:hover{ width:50px; } ...

Continue Reading