Blob Animation and Glassmorphism with CSS and Styled Components

Рет қаралды 6,671

Күн бұрын

In this tutorial, we'll discover how to enhance frosted glass designs by animating blob shapes and changing their colors.
0:00 What is Glassmorphism
1:20 Blob shape
4:35 Animation
7:50 Hover
9:40 Spacing
#reactjs #css #animation

Пікірлер: 13

@sskdev5116 2 жыл бұрын

Now this is the kind of tutorial I was looking for. Love it. I didn't even know some of the CSS properties that I saw here. Awesome work.

@DesignCodeTeam 2 жыл бұрын

Glad you enjoyed it!

@parsiabolouki7685 2 жыл бұрын

Thank you!! Keep the React and CSS tutorials coming!

@DesignCodeTeam 2 жыл бұрын

More to come!

@parsiabolouki7685 2 жыл бұрын

@@DesignCodeTeam can you please put a link to the background-image? It looks really great

@CH3THIN 2 жыл бұрын

this is reallly cool!!

@DesignCodeTeam 2 жыл бұрын

Appreciate the comment!

@andrejkling3886 2 жыл бұрын

Cool… keep going 👍

@DesignCodeTeam 2 жыл бұрын

Thank you, I will

@bricegnanago409 Жыл бұрын

Great job

@DesignCodeTeam Жыл бұрын

thank you!

@picsor7494 Жыл бұрын

Is there a tutorial on how to make these waves anywhere?

@wbashelor 2 жыл бұрын

Is the source code available? Thanks for posting!