Skip to content

Instantly share code, notes, and snippets.

@ashx3s

ashx3s/README.md

Last active January 26, 2022 08:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ashx3s/7cf695121df71107c5e9003835b33e94 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ashx3s/7cf695121df71107c5e9003835b33e94 to your computer and use it in GitHub Desktop.
Download ZIP
Short Image Actiity
Raw
README.md

Image Activity

  • Goals: Practice adjusting how an image looks and fills space using css
    • Pick 1 image and set it in the foreground using the <img> tag
    • In a different section on the web page, use background-image: url(""); to fill the screen with a background image
  • Things to Practice (choose 1 for this session)
    • Make your images render properly at all screen sizes
    • Apply effects such as filter or blur
    • For an extra challenge, experiment using blend modes on your images
    • Add text overtop of a background image and make sure it is readable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment