GLASS
MORPHISM

Web Design Trend

IN CF2.0

.

GLASS
MORPHISM

Web Design Trend

IN CF2.0

It CAN BE USED
MANY WAYS

Sections, Rows & Columns

In the above the fold section, we applied the glass morphism to the entire section. You could hardly see the background image, but it had a very cool effect.

In this section, we've applied the effect to this row so now the page background is visible outside of the row and the row moves overtop as if looking through a pain of foggy glass at the background image.

In the bottom right I've applied the effect to just the right hand column of a 5 column row and used -margin on the row to have it overlap the row above.

It CAN BE USED
MANY WAYS

Sections, Rows & Columns

In the above the fold section, we applied the glass morphism to the entire section. You could hardly see the background image, but it had a very cool effect.

In this section, we've applied the effect to this row so now the page background is visible outside of the row and the row moves overtop as if looking through a pain of foggy glass at the background image.

In the bottom right I've applied the effect to just the right hand column of a 5 column row and used -margin on the row to have it overlap the row above.

.

frosted
​glass
​aesthetic

Just add a hint of blue to 
​the foreground.

.

.

.

frosted glass aesthetic

Just add a hint of blue to 
​the foreground.

DID YOU ALSO KNOW

All the images on this page are AI Generate in CF2.0?

...AND

All these animations are done WITHOUT any Code!

LEARN HOW

To Design Like This

DOWNLOAD THIS DESIGN

Share This Funnel Right Into Your Own Account!

CF2.0 FREE TRIAL

Use The Same Tool As Me! Click The Button Below!

All Products & Services on this page are Property of GJD Marketing Solutions Inc.
500-7030 Woodbine Ave. Markham, Ontario, L3R 6G2, Canada
Privacy Policy
- Terms & Conditions - Cookie Policy

CUSTOM JAVASCRIPT / HTML