Fonts
Try out All Sorts of Crazy Google Fonts
Text Treatments
Change the look of your text with CSS rules:
- font-style - Italic
- font-variant - Small Caps
- text-decoration - Underline, line-through
HTML5 Semantic Markup
Try some markup based on the meaning of your text:
- <cite> - For Titles of Books and Other Works
- <abbr> - For Abbreviations and Acronyms
- <kbd> - For keyboard inputs
- <code> - For
computer code
Color Rollovers
Using the :hover pseudo-class, make colors change on rollover. (Duckett, pg. 291)
Roll over to see!
Displacement
Using the :hover pseudo-class, make the card appear to lift off the page by giving it a drop shadow and a slight offset. (Duckett, pgs. 291, 320, 366)
Roll over to see!
Cursor
Change the cursor to a crosshair with the CSS cursor property. (Duckett, pg. 347)
Roll over to see!
Background Image
Use the background-image CSS property to use an image as the background for part of the page. (Duckett, pgs. 412-416)
Audio
Add an audio clip to the page. (Duckett, pgs. 219-222), Treehouse
Video
Add a video clip to the page. (Duckett, pgs. 209-216), Treehouse
CSS Animations
Use CSS Animations to change CSS values over time. Treehouse, W3 Schools