Old Photo Effect with CSS
<p>This article will review how to create an old photo effect on any picture using only CSS. No need for Photoshop or any other image editor. And all in just a few lines of code!</p>
<p>We will check three different methods that build on top of each other, increasing the old photo effect with each iteration to make it look more realistic and nicer.</p>
<p>For the examples on this page, we will use a photograph by Filipp Romanovski. You can find it on Unsplash, along with many other amazing pictures (by Filipp and many more authors.)</p>
<h1>Using an Image Tag</h1>
<p>The most basic way of creating the old photo effect is directly applying filters to an image in the <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" rel="noopener ugc nofollow" target="_blank"><img /></a></code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img" rel="noopener ugc nofollow" target="_blank"> tag</a>. This method is quick, and the effect will be nice, but the result may be too basic.</p>
<p><a href="https://levelup.gitconnected.com/old-photo-effect-with-css-54f5be9912b">Website</a></p>