HTML and CSS Reference
In-Depth Information
}
.hover-panel:hover
{
background-color
:
#237ABE
;
background-position
:
180px 10px
;
}
.hover-panel:hover h3
{
color
:
#FFF
;
text-shadow
:
rgba(0, 0, 0, 0.398438) 0px 0px 4px
;
}
.hover-panel:hover p
{
color
:
#
FFF
:
}
•
•
Final Thoughts
In this chapter, we've walked through a variety of interactive techniques that can add a bit of
style and creativity to your website. Used correctly, techniques like these enhance websites,
creating a more engaging and memorable user experience. But be subtle with the interactivity,
ensuring that the bells and whistles do not get in the way of the website's primary function,
which is
providing meaningful content
.❧
—