# Progressive Blur

**URL:** <https://forum.readymag.com/t/progressive-blur/3244>\
**Category:** Custom code\
**Created:** [July 15, 2024, 7:19am UTC](https://forum.readymag.com/t/progressive-blur/3244 "2024-07-15T07:19:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![WorthAgency](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/worthagency/32/629_2.png) [@WorthAgency](https://forum.readymag.com/u/WorthAgency)\
**Post date:** [July 15, 2024, 7:19am UTC](https://forum.readymag.com/t/progressive-blur/3244/1 "2024-07-15T07:19:04Z")

</div>

Hello community)  
Can anyone help with writing code for progressive blur? As far as I understand, i’ll need to use pure CSS… so I found an example, but I don’t understand how to use it in Readymag

https://codepen.io/silas/embed/preview/rNYqZoz?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=rNYqZoz