Glass Cards

Frosted glass with a spotlight

Move over the cards. A soft light follows the pointer and the edges light up, also on the cards next to it.

● Online Glass button New

Default

Starter

$80 one time

One page, animated, ready in days.

class="glass"

Frost

Anna BergShop owner

"Exactly the look we wanted, and it is fast."

class="glass glass-frost"

Tint

Any colour

Set one colour and the glass, the edge and the light follow it.

glass-tint + --glass-color

Dark

Smoked glass

For bright pictures, where white text needs a darker card.

class="glass glass-dark"

Clear

Almost invisible

Very little blur. Good for large panels.

class="glass glass-clear"

Light

Milk glass

Dark text on a light card. Made for light pages.

class="glass glass-light"

Background
.glass { --glass-blur: 16px; --glass-bg: rgba(255,255,255,.08); --glass-radius: 20px; --glass-spot-size: 340px; }

The sliders change the first card. The other cards keep their own style so you can compare.

Made by Rehmat, animatedcreativity.com