# CSS Image Effects #5: Lomography

DevFeed: [CSS Image Effects #5: Lomography](<https://devfeed.tech/articles/css-image-effects-5-lomography-28809.md>)

Original publisher: [Read original article](<https://una.im/lomo/>)

Published: 2015-11-02T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [image effects](<https://devfeed.tech/topics/image-effects.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [filter](<https://devfeed.tech/tags/filter.md>), [image-effects](<https://devfeed.tech/tags/image-effects.md>), [photography](<https://devfeed.tech/tags/photography.md>), [techniques](<https://devfeed.tech/tags/techniques.md>)

## AI overview

A tutorial on recreating the Lomography photography effect with CSS image filters, blur, saturation, contrast, hue rotation, and gradients for light leaks.

## Source excerpt

A vibrant, unexpected, and fun effect -- the Lomography Effect is an opportunity where you can really be creative and try out various CSS image techniques.