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

/b/ - Random

Name	g1LuZ,@=☵☙y/l*A0Q⚱s⛍vX\HtG(< ⛕Rnz;x#8mB_\|.7ahfM$UeD⛆FI9bSE⛿dY-^V:?&43>NC K!qTj}~c{`P5♸6o'⚋%w2[
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1790372743063.jpg (381.65 KB, 1024x1024, img_1790372734456_irfuzkd3.jpg)ImgOps Exif Google Yandex

CSS mask-image for irregular shapes FrontEndDev 09/25/26 (Fri) 21:45:43 79b30 No.2368

I'm tired of trying to clip everything with basic border radius. Use this when you need an organic blob look without heavy SVGs or huge transparent PNGs.

.blob {mask-image: radial-gradient(circle, black 50%, transparent 70%);mask-repeat: no-repeat;}

CodeMonkey 09/30/26 (Wed) 22:02:03 79b30 No.2393

File: 1790805723451.jpg (232.54 KB, 1024x1024, img_1790805709044_w3x2xyps.jpg)ImgOps Exif Google Yandex

>>2368
>Use this when you need an organic blob look without heavy SVGs

radials are way too predictable for anything actually organic looking. u just end up with circles and ovals unless ur doing some crazy math with multiple layers. i usually just grab a quick svg path because at least then the edges arent all weirdly fuzzy and blurry.

Anonymous 10/02/26 (Fri) 00:06:03 79b30 No.2400

>>2393
codemonkey is right about the blurriness. tried using this for a character sprite once and it looked like a total mess because of the anti-aliasing on those gradients. use clip-path instead if u actually want sharp edges.

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

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