DEV Community

Designyff profile picture

Designyff

Creating UI components with step-by-step guide.

Education

Computer Science BSc

Work

Frontend Developer

How to create a closing menu icon using HTML and CSS

How to create a closing menu icon using HTML and CSS

1
Comments
2 min read

Want to connect with Designyff?

Create an account to connect with Designyff. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
How to create send button with loader

How to create send button with loader

1
Comments 1
3 min read
Loader - Text loading

Loader - Text loading

Comments
2 min read
How to create a beautiful multicolored input

How to create a beautiful multicolored input

Comments
2 min read
Neon toggle button — Open/Close text

Neon toggle button — Open/Close text

5
Comments 1
3 min read
How to create a send button with animation - Step-by-step

How to create a send button with animation - Step-by-step

3
Comments
2 min read
How to create a snackbar wth close button - Tutorial

How to create a snackbar wth close button - Tutorial

3
Comments
3 min read
Password input with label and hide/show toggle eye svg - A simple tutorial

Password input with label and hide/show toggle eye svg - A simple tutorial

4
Comments
5 min read
How to create a progress bar - Simple loader - A step-by-step tutorial

How to create a progress bar - Simple loader - A step-by-step tutorial

3
Comments
2 min read
Beautiful card with blur background - Glass effect - A step-by-step tutorial

Beautiful card with blur background - Glass effect - A step-by-step tutorial

3
Comments
2 min read
Pulsing loader - A step-by-step guide

Pulsing loader - A step-by-step guide

6
Comments
2 min read
Beautiful goldish avatar using only one element - A step-by-step tutorial

Beautiful goldish avatar using only one element - A step-by-step tutorial

2
Comments
2 min read
Beautifully shaped avatar - CSS only - A step-by-step tutorial

Beautifully shaped avatar - CSS only - A step-by-step tutorial

2
Comments
1 min read
Simple avatar with status indicator - CSS only - A step-by-step tutorial

Simple avatar with status indicator - CSS only - A step-by-step tutorial

8
Comments 1
2 min read
Simple dark snackbar - A step-by-step guide

Simple dark snackbar - A step-by-step guide

1
Comments
2 min read
Delete button with confirmation - A step-by-step guide

Delete button with confirmation - A step-by-step guide

7
Comments
3 min read
Add friend button - A step-by-step guide

Add friend button - A step-by-step guide

3
Comments
2 min read
Submit button with rotation effect - CSS only - Step-by-step

Submit button with rotation effect - CSS only - Step-by-step

Comments
2 min read
Close button with animation - tutorial

Close button with animation - tutorial

Comments
2 min read
Beautiful contact by email button - A step-by-step guide

Beautiful contact by email button - A step-by-step guide

1
Comments
2 min read
Scroll down animation - Tutorial

Scroll down animation - Tutorial

5
Comments
2 min read
Step-by-step guide - Input with animation

Step-by-step guide - Input with animation

4
Comments 1
3 min read
Neon toggle button - CSS - A step-by-step guide

Neon toggle button - CSS - A step-by-step guide

Comments
2 min read
Fullscreen menu with hover animation - A step-by-step guide

Fullscreen menu with hover animation - A step-by-step guide

5
Comments
2 min read
Information hover button - Tutorial

Information hover button - Tutorial

5
Comments
1 min read
Tooltip on hover - A step-by-step guide

Tooltip on hover - A step-by-step guide

7
Comments
2 min read
Button with shine animation - Step-by-step guide

Button with shine animation - Step-by-step guide

23
Comments 1
2 min read
Beautiful button animation

Beautiful button animation

11
Comments 2
2 min read
Beautiful hover save button - How it's done

Beautiful hover save button - How it's done

7
Comments
2 min read
Beautiful CSS pagination and how it's done

Beautiful CSS pagination and how it's done

8
Comments 2
2 min read
ON/OFF Toggle button — step-by-step guide

ON/OFF Toggle button — step-by-step guide

16
Comments 2
3 min read
Responsive menu using media queries - Tutorial

Responsive menu using media queries - Tutorial

7
Comments
2 min read
Simple loader — A step-by-step guide

Simple loader — A step-by-step guide

4
Comments
1 min read
Input with label using CSS - Tutorial

Input with label using CSS - Tutorial

4
Comments
2 min read
Hover menu using CSS - A step-by-step guide

Hover menu using CSS - A step-by-step guide

5
Comments 2
2 min read
Beautiful 3d button - A step-by-step guide

Beautiful 3d button - A step-by-step guide

4
Comments
1 min read
loading...