Image Slider Using HTML and CSS | Pure CSS Image Carousel

Опубликовано: 06 Октябрь 2024
на канале: CodeBig
332
8

Image slider using html and css

Code Big Website - https://teamcodebig.com/
Contact us at - [email protected]

Git Hub links
---------------------------------------------------------------------------------------
Starter Files: https://github.com/teamcodebig/css-sl...
Completed Code: https://github.com/teamcodebig/css-sl...

The image code used in video:
.slide-one { background-image: url('../images/img1.jpeg'); }
.slide-two{ background-image: url('../images/img2.jpeg'); }
.slide-three{ background-image: url('../images/img3.jpeg'); }
.slide-four{ background-image: url('../images/img4.jpeg'); }

Info
----------------------------------------------------------------------------------------
Title: What is Memoization ?
Level: Intermediate
Solved In: HTML and CSS
Length: 15 minutes
Prerequisites: Basics understanding of HTML and CSS

Video Outline
-----------------------------------------------------------------------------------------
00:00 - 00:09 : Intro banner
00:10 - 01:10 : Project introduction
01:10 - 01:36 : Project setup
01:37 - 13:56 : Creating image slides using html5 and css3
13:57 - 14:26 : Recap

Follow us on
---------------------------------------------------------------------------------------
Facebook:   / teamcodebig  
Twitter:   / teamcodebig  
Quora : https://www.quora.com/profile/Manoj-Sm-1
Reddit:   / teamcodebig  
Patreon:   / teamcodebig  
Subscribe:    / @teamcodebig