by htmlcss, frostbitten

CSS Crystals✨

IPFS
CSS Crystals✨

24 November 2022TEZOSIPFS

This 3D HTML + CSS based work utilizes only a limited amount of javascript to construct the scene and facilitate interactive controls. 🚫 <canvas>! Continuing the collab with my alternate identity HTMLCSS.TEZ

The practice of layering many graphic shapes and gradients with a chaotic mix of blending modes has been with me since my first years of photoshop in my youth. It's a familiar, friendly technique. Yet, I've rarely played with it outside photoshop. Here I take the opportunity to apply this abstract blending technique in a manner that alludes to reality: refracting crystals.

These generated crystals are not based in fact but imagination. They are illustrative of the magic and wonder some people associate with real life minerals and rocks. They blend together with impossible color changes only possible in the virtual.

Each individual crystal element can be one of these blend modes (with chance):
difference (9/16), exclusion (2/16), hard-light (2/16), color-dodge (1/16), overlay (1/16), normal (1/16)

Controls:
Play/Pause - [Space]
Rotate - [Click + Drag]
Move - [Shit + Click + Drag]

Minter's Reward: 1/3 Secondary royalties

A new project/wallet by Matthew Seremet (aka frostbitten) creating generative art with HTML + CSS. Created 100% in notepad, no 3D authoring programs or rendering engines (besides CSS). Just say NO to <canvas> 🧠=>🍳

Matthew Seremet, aka frostbitten, aka eatpoopart, is a new media artist focusing on collaborations, interactive design, animation, & digital tool foundry. Been featured in Times Square (NYC) and Shibuya City (Tokyo)

512 EDITIONS

0 RESERVES

minted

334 / 512

fixed price

1 TEZ

stay ahead with our newsletter

receive news on exclusive drops, releases, product updates, and more

feedback