Vanilla JavaScript Text Slide Animation - Slider Without any JS Library

Опубликовано: 07 Январь 2021
на канале: Web Dev Lab

883

If you want to learn more you can check out my youtube channel.

⌚Timestamp
00:00 - Preview
00:44 - Navbar and emmet
02:30 - Link CSS
03:15 - Making text slide wit emmet
06:32 - Styling navbar with CSS
09:38 - Positioning text on the center
11:26 - Setting background image
13:25 - Margin and padding
15:05 - link javascript and select element
16:57 - Make all slide invisible
18:30 - SetTimeout function in javascript
21:23 - Display current element
23:18 - SetInterval of timing function to make a loop
29:00 - Making animation for a slide

👩🏾‍💻👨🏾‍💻Get source code: http://bit.ly/399WPzj

#javascript #textslider #slide

⭕ Learn Fullstack development ⭕
✔Front-end development
Web ui ux design - http://bit.ly/2KTVUXx
Html css basic for beginner - https://bit.ly/2Hdrv8B
CSS Framework project - http://bit.ly/2KOfq7W
React.js beginner to pro - https://bit.ly/3m2XEyI
✔Back-end development
PHP Beginner to Pro: https://bit.ly/2T7Ui13
Node.js Basic to advanced: https://bit.ly/3lVzGp4

⭕ Learn more ⭕
Linux for beginner 🏹 http://bit.ly/2NzwtMg
Gimp Photoshop Photo Manipulation - https://bit.ly/3kd5pSj
Libre Office Calc - https://bit.ly/3jgexUO
Vector Graphics - http://bit.ly/2KTCIJy

🔶🔷 FOLLOW ME 🔶🔷
https://twitter.com/shayon_md?lang=en
/ theamazinglesson
https://md-shayon.netlify.com/
https://theamazinglesson.blogspot.com/

🔑🔑 KEYWORDS 🔑🔑

React- Build an Image Gallery/Slide Show App
React Image Slideshow Tutorial

javascript,react,reactjs,image gallery,image slider,es6,react hooks,usestate,web development,web design,coding,learn to code,programming,thumbnail gallery,css,react slider
react,tutorial,javascript,transition,css3,html5,animation,fade in,fade out,translatex,ihatetomatoes,how to,image slideshow,slider,front-end tutorial