website show tell

Class Friday, February 2, 2018

 Today’s goals:

  • Finish up your webpage project (details here)
  • Complete the webpage project survey
  • Participate in the class webpage show and tell
  • Publish your work online (mandatory- portfolio; optional- school website)
  • Learn about and find examples of CSS background blend modes

 CSS Background Blend Modes

  • Read about and view examples of CSS background blend modes (blending a background image and background color). Then see this article to look at examples of how to combine two background images with blend modes and how to combine a gradient with a background image (only read up to Mix Blend Mode Examples).
  • Play around with the different background blend mode values by uploading an image to this site
  • Find an example of a website using a background blend mode (either two background images blended together, a background image blended with a background color, or a background image blended with a gradient). Remember this site and/or write it down to share it with the class later.