Shimmer Loading Animation || CSS + HTML only || Web Designing

In this video we'll learn to create popular shimmer loading effect using HTML and CSS only.

{{ Source Code Link }}
https://lab-swapnil.blogspot.com/

{{ Video Chapters }}
00:00 : Preview
00:16 : Step-1 Markup
00:29 : Step-2 Style - Base
00:59 : Step-3 Style - Card
01:36 : Step-4 Style - Skeleton
02:00 : Step-5 Style - Shimmer
04:32 : Step-6 Add Keyframes
04:55 : ShowTime


{{ Visit my Lab }}
https://www.youtube.com/channel/UCvJDlPl18PysY8CHfH_OLnw

{{ Full Playlist }}
https://www.youtube.com/playlist?list=PL9tVtei_BGHlXnID6PVuMcpi7_FjyynNY

{{ Programming Basics }}
https://www.youtube.com/playlist?list=PL9tVtei_BGHmIxYo4qPqvbL6kf-5-q0YX

{{ Useful Links }}
SoloLearn : https://www.sololearn.com/profile/4478965
GitHub : https://github.com/lab-swapnil
Website : https://lab-swapnil.github.io

{{ Video Related }}
css animation,
css loading,
css loading animation,
loading effect,
loading screen,
css tutorial,
css loader,
css loader animation,
css loading animation tutorial,
css loading screen animation,
css loading effect,
loading css html,
css loading spinner,
css loading bar,
css loading skeleton animation,
css loading skeleton,
css loading line animation,
css skeleton loading,
css skeleton,
css skeleton loading animation,
css skeleton loading,
css skeleton animation,
html css loading,
html css loading animation,
loading animation css,
loading animation,
loading animation using html css,

{{ Tags }}
#css , #html , #CSS , #HTML , #webdesign , #swapnilLab , #animation , #cssanimation , #loading