this post was submitted on 03 Jul 2024
13 points (100.0% liked)

Web Development

3443 readers
27 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago
MODERATORS
 

Feel free to tweak the two custom properties in the css pane to explore the different mosaic patterns that are generated.

top 3 comments
sorted by: hot top controversial new old
[–] xoggy 5 points 4 months ago (1 children)

Very cool! I like how changing either variable gives you a completely different pattern. Though not the same idea here's another fun one: https://codepen.io/josetxu/pen/mdoaKEr

[–] spartanatreyu 2 points 4 months ago

Oh cool, yeah and you're also using multiple repeating-radial-gradients to generate textured noise.

That's exactly what I was doing while working on a new button style.

Some gradients and some noise sprinkled on top to remove some of the flatness, but while I was experimenting with the noise I happened upon that really cool pattern and thought I'd share it by itself.

[–] starman 1 points 4 months ago