# CSS Image Effects #6: Infrared Photography

DevFeed: [CSS Image Effects #6: Infrared Photography](<https://devfeed.tech/articles/css-image-effects-6-infrared-photography-28802.md>)

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

Published: 2015-11-07T00: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>), [Code](<https://devfeed.tech/topics/code.md>)

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

## AI overview

This tutorial explains how to recreate a faux infrared photography effect with CSS filters, blend modes, duplicated images, inversion, color blending, and hue adjustments. It also presents a reusable mixin for applying the effect.

## Source excerpt

In the final post of the CSS Image Effects series, we explore the beautiful, surreal world of infrared photography by creating our own faux effect.