Cool CSS Effects
Cool CSS effects collect presets that share the same visual role across CSS Forge. This page includes 17 presets spanning shadows, clipped shapes, translucent glass panels, and gradients when those tools use cool as a meaningful style signal. The purpose of a tag page is comparison: you can scan several implementation styles side by side, then open the preset that best matches the interface you are building. A cool treatment can describe color, depth, geometry, mood, or layout behavior depending on the tool. For example, a shadow preset may use the tag to describe elevation or tint, while a gradient preset may use it to describe its dominant color movement. Each card links to a dedicated preset page with copy-ready CSS and a path back to the generator, so the gallery remains useful both for browsing and for implementation.
Related tools
Cold Shadow
Box ShadowA cold blue tint that works well on dashboards.
Mist Card
GlassmorphismMist Card is a cool blue-tinted glass layer with 18px backdrop blur.
Mist Panel
GlassmorphismMist Panel is a cool blue-tinted glass layer with 24px backdrop blur.
Mist Sheet
GlassmorphismMist Sheet is a cool blue-tinted glass layer with 30px backdrop blur.
Mist Pill
GlassmorphismMist Pill is a cool blue-tinted glass layer with 16px backdrop blur.
Cyan Card
GlassmorphismCyan Card is a bright cyan panel with crisp edges with 18px backdrop blur.
Cyan Panel
GlassmorphismCyan Panel is a bright cyan panel with crisp edges with 24px backdrop blur.
Cyan Sheet
GlassmorphismCyan Sheet is a bright cyan panel with crisp edges with 30px backdrop blur.
Cyan Pill
GlassmorphismCyan Pill is a bright cyan panel with crisp edges with 16px backdrop blur.
Aurora Linear
GradientAurora Linear is a cool aurora color movement gradient built with linear CSS syntax.
Aurora Radial
GradientAurora Radial is a cool aurora color movement gradient built with radial CSS syntax.
Aurora Conic
GradientAurora Conic is a cool aurora color movement gradient built with conic CSS syntax.
Aurora Diagonal
GradientAurora Diagonal is a cool aurora color movement gradient built with linear CSS syntax.
Ice Linear
GradientIce Linear is a clean icy brightness gradient built with linear CSS syntax.
Ice Radial
GradientIce Radial is a clean icy brightness gradient built with radial CSS syntax.
Ice Conic
GradientIce Conic is a clean icy brightness gradient built with conic CSS syntax.
Ice Diagonal
GradientIce Diagonal is a clean icy brightness gradient built with linear CSS syntax.