HTML and CSS Reference
In-Depth Information
$('#wrapper').hover(function() {
bounce($('#animateme'));
refreshId = setInterval(function(){
bounce($('#animateme')) }, 20000);
}, function(){
clearInterval(refreshId);
$('#animateme').stop(true,false)
.animate({top: '50px'},500);
});
});
}
})
hover(), equivalent
to :hover
Summary
You're now fully prepared to produce Web 2.0-style designs with lay-
ers of semitransparent elements thanks to
opacity
and
rgba()
. You're
also fully equipped to create sets of complementary colors in your head
thanks to
hsl()
and
hsla()
. Transforms and transitions create lots of
possibilities for making user interfaces smoother and more profes-
sional.
In the next chapter, you'll learn about even more CSS3 eye candy. We'll
cover the new features in CSS3 for backgrounds and borders,
including the extremely popular rounded corners and drop shadows.