w03d2.md

W03 D2

Todo:

• CSS gradients
• Flexbox

CSS Gradients:

• Gradient is multiple colors mixed/blended into one
• Types of CSS gradients:
  • Linear gradients - in one direction
  • Radiant gradients - circular form, defined by their center
• Syntax:

  # grad {
  background-image: linear(to right, color-1, color-2, color-3,...);
  }

• You can also use an angle to specify a gradient
• for transparency you need to use RGB colors
• use uigradients.com for cool gradients to pick up

Flexbox

• clearfix?
• arranges page content in rows/columns
• grid arranges page content in rows & columns