Complete Image Slider using CSS & JavaScript

Publicado em: 10 Outubro 2022
no canal de: CODE WITH HOSSEIN
7,292
like

Hey guys 😁 Are you looking for a Complete full Image Slider tutorial using CSS & JavaScript ?! I've prepared this video for you. In this video, we're gonna design an Image Slider without any framework and it also has some unique CSS styles... Don't forget to hit the like button and see you in the next video 😊

📂 Assets
Icons: https://boxicons.com/
Font: https://fonts.google.com/

🔗 Source code
https://github.com/hosseinnabi-ir/Com...

🔔 Subscribe Now!
   / @codewithhossein  

⏱ Timestamps
00:00 What are we gonna design?!
00:41 Slider Items Elements
01:14 Slider Styles
01:31 General Styles
01:59 Slider Items Styles
02:20 Adding Slider Controls
02:50 Slider Controls Styles
04:27 Adding Slider Indicators
04:44 Slider Indicators Styles
05:37 Adding Slider Content
06:01 Slider Content Styles
07:06 Showing Slides using JavaScript
10:32 Handling Controls & Indicators Click
11:48 Making Slider Animated
12:41 Thanks For Watching :)

🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen:    • #37 Last Summer (Official)  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch:    • Jordan Schor & Harley Bird - Home  | Futur...  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch:    • Lost Sky - Where We Started (feat. Jex) | ...  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein


Nesta página do site você pode assistir ao vídeo on-line Complete Image Slider using CSS & JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário CODE WITH HOSSEIN 10 Outubro 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 7,292 vezes e gostou like espectadores. Boa visualização!