Design inspiration curated from X

Create image reveal effects with CSS πšŒπš•πš’πš™-πš™πšŠπšπš‘ .πš›πšŽπšŸπšŽπšŠοΏ½... - Manu Arora

Published by Manu Arora on March 23, 2026.

Create image reveal effects with CSS πšŒπš•πš’πš™-πš™πšŠπšπš‘ .πš›πšŽπšŸπšŽπšŠπš• { πšŒπš•πš’πš™-πš™πšŠπšπš‘: πš’πš—πšœπšŽπš(𝟢 𝟷𝟢𝟢% 𝟢 𝟢); πšŠπš—πš’πš–πšŠπšπš’πš˜πš—: πšœπš‘πš˜πš -πš’πš–πšŠπšπšŽ 𝟷𝚜 πšπš˜πš›πš πšŠπš›πšπšœ πš•πš’πš—πšŽπšŠπš›; } @πš”πšŽπš’πšπš›πšŠπš–πšŽπšœ οΏ½...

Design notes

Create image reveal effects with CSS πšŒπš•πš’πš™-πš™πšŠπšπš‘ .πš›πšŽπšŸπšŽπšŠπš• { πšŒπš•πš’πš™-πš™πšŠπšπš‘: πš’πš—πšœπšŽπš(𝟢 𝟷𝟢𝟢% 𝟢 𝟢); πšŠπš—πš’πš–πšŠπšπš’πš˜πš—: πšœπš‘πš˜πš -πš’πš–πšŠπšπšŽ 𝟷𝚜 πšπš˜πš›πš πšŠπš›πšπšœ πš•πš’πš—πšŽπšŠπš›; } @πš”πšŽπš’πšπš›πšŠπš–πšŽπšœ πšœπš‘πš˜πš -πš’πš–πšŠπšπšŽ { 𝚝𝚘 { πšŒπš•πš’πš™-πš™πšŠπšπš‘: πš’πš—πšœπšŽπš(𝟢 𝟢 𝟢 𝟢); } } Perfect for reveal effects, easy to implement

This entry is part of Northlight's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Manu Arora; use the original X post for source and licensing inquiries.

Reference details

Creator
Manu Arora
X handle
@mannupaaji
Published
March 23, 2026
Media
1 visual reference
Views
18,692
Likes
436
Bookmarks
270