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…
- Slides: 12