# CSS Image Effects #2: 3D Glasses

DevFeed: [CSS Image Effects #2: 3D Glasses](<https://devfeed.tech/articles/css-image-effects-2-3d-glasses-28766.md>)

Original publisher: [Read original article](<https://una.im/3d-effect/>)

Published: 2015-10-05T00: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>), [color](<https://devfeed.tech/topics/color.md>), [3D](<https://devfeed.tech/topics/3d.md>)

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

## AI overview

This tutorial explains how to recreate an anaglyph-style 3D photo effect in the browser using CSS blend modes. It describes combining red and cyan layers, separating them around the original image, and adding perspective to simulate depth.

## Source excerpt

How do you make 3D-glasses-like graphics in the browser? We'll look at how blend modes work together to create this effect.