Write code 5x faster | part -2 | Tutorial for beginners.

Part - 1 :- https://youtu.be/p5c3X7DHZ8Y
Sneppets :-
"flex snippets":{
"prefix": "flex",
"body": [
"display:flex;",
"justify-content:center;",
"align-items:center;"
],
"description": "FlexBox snippets"
} ,

"universal":{
"prefix": "default",
"body": " *{ margin: 0; padding: 0; box-sizing:border-box } ",
"description": "To reset default property in css"
},

"cssBG":{
"prefix": "cssbg",
"body": ["width: 100%;" , "height: auto;", "object-fit: cover;"],
"description": "For make image responsive"
},

"div":{
"prefix": "div",
"body": ["width: 100%;" ,"min-height:100vh;"]
}

source code website :- https://codedroplets.pythonanywhere.com/
video source code :-

parallax effects

Mouse move parallax :- https://youtu.be/uWN0353xxK0
Another parallax :- https://youtu.be/ntjOvze-Obg

Landing pages

Glassmorphism :- https://youtu.be/yFspnaXavls
Food home page :- https://youtu.be/Q-j2zxpouqw
Yoga home page :- https://youtu.be/mZ09uSv64IA
Portfolio Home page :- https://youtu.be/0KfXqXdcD4c

Animation
Heart animation :- https://youtu.be/qnAJ63f-SpM
Animation on scroll :- https://youtu.be/Mrze-TY8lcw
4 Different animation :- https://youtu.be/S-fkON2DkSc

Snap scroll :- https://youtu.be/pLMnrM_b8B8
parallax effects

Mouse move parallax :- https://youtu.be/uWN0353xxK0
Another parallax :- https://youtu.be/ntjOvze-Obg

Landing pages

Glassmorphism :- https://youtu.be/yFspnaXavls
Food home page :- https://youtu.be/Q-j2zxpouqw
Yoga home page :- https://youtu.be/mZ09uSv64IA
Portfolio Home page :- https://youtu.be/0KfXqXdcD4c

Animation
Heart animation :- https://youtu.be/qnAJ63f-SpM
Animation on scroll :- https://youtu.be/Mrze-TY8lcw
4 Different animation :- https://youtu.be/S-fkON2DkSc

Snap scroll :- https://youtu.be/pLMnrM_b8B8

follow us on Instagram : https://www.instagram.com/code_droplets/
And
Facebook page :- https://www.facebook.com/Code-Droplet-110414691376513

#css3 #html , #shorts , #sneppets ,#vscode ,#codefaster

Видео Write code 5x faster | part -2 | Tutorial for beginners. канала Code Droplets