You need to enable JavaScript if you want to have fun.
Show Inputs

Change the various parameters

Playing Card Holo Effect

Card Image

Texture Image

Texture Image Tiled

Rainbox Gradient 1

Rainbox Gradient 2

Radial Gradient

Very faint.

Rainbox Gradients Combined

All Gradients Combined

Texture and All Gradients Combined

All Four Backgrounds Combine with Background Position

All Four Backgrounds with Filter

All Four Backgrounds with Mix-Blend-Mode: Color Dodge

Card Shine

Card Shine Pseudo Element After Only

This is where the magic happens. We offset the card shine element and its after element.

The after element moves in the opposite direction of the shine element.

background-position: center, 0% var(--posy), calc( var(--posx) * -1) calc( var(--posy) * -1), var(--posx) var(--posy);

Where the two lines intersect with the additive blend mode, it makes the bright rainbows.

Because the two layers move in opposite directions, it makes a 'randomish' pattern of changing location and color.

Card Shine + Card Shine After Pseudo Element

Card Image + Card Shine + After Pseudo Element

Other Examples of Cards