# Cool Profile Picture Animation in HTML, CSS, and JS
I saw this cool pixilation filter in the About Us section of a landing page, but it was static and boring. So, I created this effect using pure HTML, CSS, and JS and animated it on hover to reveal the faces.
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1717329590340/19fffb8b-ac52-4eaa-bbe7-e6f0455c39cf.png align="center")
## The Demo
Photo by [Alex Suprun](https://unsplash.com/@sooprun?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/man-in-black-button-up-shirt-ZHvM3XIOHoE?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)
%[https://codepen.io/davidreddy293/pen/xxNqyWX]
## The Code
```xml
Pixel Profile Pic test
```
## The Conclusion
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1717330662175/6c56b263-b7ec-4ff5-88e5-834459a41e95.png align="center")
I added this cool animated pixel effect to my portfolio site. It makes the profile picture come to life when you hover over it. Check it out at [daviddodda.com](http://daviddodda.com).
and shutout to [@d](https://daviddodda.com)[omi\_kissi](https://x.com/domi_kissi) and [@inCleveri](https://x.com/inCleveri) for the inspiration.