A list of hints for the challenges in the Opacity lesson.
Last updated - July 12, 2023
| Checkpoint | Did you style an image tag in your css file with an opacity value? |
| Invisible Text |
Did you set your opacity to absolutely be invisible? Did you apply your class with the opacity element to a header tag? |
| Invisibility Cloak |
Did you remember to include a class of cloakOn and cloakOff? Did you remember to have the cloak be invisible? Did you remember to include a hexadecimal value in each class? Did you remember to include a rounded corners element in each class? |
| Hidden Names |
Did you remember to include the "1."? Did you remember to include the "2."? Did you remember to include the "3."? Did you remember to include the "4."? Did you remember to include the "5."? Is opacity at 0? Is opacity at 1 when hovering? |
| Image Guesser |
Do you have a header for each image for both rounds? Do you have 3 images in the first round and 3 in the second round? Do you have two different values for opacity? Do you have a background color on the body tag? Do you have a paragraph tag in your HTML file? |
| Stained Glass |
Do you have seven headers that each have a class name? Did you give your headers a background color in your CSS file Did you put padding on the headers? Did you call your header class name? Do each of your headers have an opacity value in your CSS file? Does your website have a background image? |
For more help with CSS, check out our CSS Cheatsheet!