So I tend to use this one a lot for desktops because I like it when the hover state changes.   div#magicbar { background-color:blue; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } div#magicbar:hover { opacity:0.7; background-color:green; border:10px solid black; } so keep  … Continue reading CSS3 Transition All animation effect