Creating Polaroid Pictures With Filter Effects Presented by

Creating “Polaroid” Pictures With Filter Effects Presented by Edie J. Argueta

What is a “Polaroid” style image? • Inspired by the Instant Picture Polaroid Camera • Defined by a VERY distinctive white border around the image

How To Make “Polaroid” Picture With CSS • Write CSS code using Box Model • Write HTML code • Use predefined filters

CSS “Polaroid” Code

CSS Filter Code • Grayscale • Sepia • Hue Rotate • Saturate

CSS Box Model

Grayscale Filter • Black and white or monochrome image • Composed entirely of shades of gray • Measured by the amount of light intensity in a shade • Least intense is black • Most instense is white

Sepia Filter • A reddish brown color • Rich brown pigment from cuttlefish ink sack • Used for writing and drawing for centuries

Saturate Filter • The amount of white mixed with a color • The most vivid, rich, and purest unmixed colors • examples of pure unmixed colors red, blue, yellow • The less saturated, the duller the color

Hue Rotation Filter • Hues charted on a color wheel • Rotation of wheel by certain degrees shows different color palate I can tell you but I would rather show you! http: //paletton. com/#uid=70 b 1 t 0 klllla. Fw 0 g 0 q. Fg 0 w 0 a. F

HTML Code Lets see some code!

Questions? You should not have any questions because the presentation was perfect. It was the most perfect of all perfect presentations of all time. It was perfectly delivered by the most perfect presenter… Any other presenter is fake news…