Image Accordion with Animations || CSS + HTML only || Web Designing

In this video we'll learn to create an Image Accordion using HTML and CSS only.

{{ Source Code Link }}
https://lab-swapnil.github.io/

{{ Video Chapters }}
00:00 : Preview
00:34 : Step-1 Markup
02:08 : Step-2 Style - Base
03:37 : Step-3 Style - Pics
05:17 : Step-4 Hover Logic
07:03 : 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

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

{{ Video Related }}
css,
css animation,
css animation tutorial,
css image gallery,
css image slider,
css image accordion,
image slider,
image gallery,
image accordion,
image gallery css,
image slider css,
image accordion css,
css tutorial,
css tutorial for beginnners,
css image hover,
css image hover effect,
css image animation,
css image animation effects,
css image effects,
css image gallery in hindi,
css image slider animation,
css image animation,
css image animation hover effects,
css animation image,
css image,
image accordion,
image slider html and css,
image slider html css,
image slideshow,
image slider in html,
image gallery html css,
image gallery css html,
image gallery slider,
image slider gallery,
image gallery using html and css,
image accordian,
image accordian html css,
image accordian css html,


{{ Tags }}
#css , #html , #CSS , #HTML , #webdesign , #swapnilLab