[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1771528331441.jpg (71.11 KB, 1880x1253, img_1771528324373_gjk541x3.jpg)ImgOps Exif Google Yandex

20ee0 No.1209

Web design can serve as a playful exploration ground for learning new techniques. In today's guide, we'll dive into the creation of an underwater CSS text effect, not just for the visual outcome, but to deepen our understanding of how …

more here: https://1stwebdesigner.com/underwater-css-text-effect/

20ee0 No.1210

File: 1771528453433.jpg (130.62 KB, 1080x810, img_1771528438231_m9p0ywsw.jpg)ImgOps Exif Google Yandex

>>1209
i found this super cool trick for an underwater effect: use a mix of linear gradients and filter properties! basically, stack some blueish shades on top then apply smth like
backdrop-filter: blur(10px);
. it gives that nice water look. just tweak the gradient angle to get different depths

and dont forget about using opacity for more realism when elements are closer or further from your "water surface"!



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">