← CSS Crystals✨

CSS Crystals✨ #15

by frostbitten, htmlcss

CSS Crystals✨ #15 static token preview
Full screen

Static preview.

Project

This 3D HTML + CSS based work utilizes only a limited amount of javascript to construct the scene and facilitate interactive controls. 🚫 ! 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

Traits

Crystals
857 of 315 indexed NFTs · 18%
Crystal Doubles
465 of 315 indexed NFTs · 21%
Crystal Color
Varied247 of 315 indexed NFTs · 78%
Crystal Size
14mm72 of 315 indexed NFTs · 23%
Crystal Height
83mm12 of 315 indexed NFTs · 4%
Growth Style
B146 of 315 indexed NFTs · 46%
Background Hue
114°4 of 315 indexed NFTs · 1%
Background Saturation
100%85 of 315 indexed NFTs · 27%
Background Luminance
100%36 of 315 indexed NFTs · 11%

Price history

DateEventPriceMarket
2023-01-05Sale0.2 tezfxhash marketplace v2
2022-11-24Mint1 tezfxhash issuer v2