3D Rotating Image Slider using JavaScript
Hello guys 😊 In today's tutorial, we're gonna see how we can design a 3D Rotating Image Slider using a few CSS and mainly JavaScript. Hope you guys enjoy this video and if so, please don't forget to give it a thumbs up 😉
📂 Assets
Nothing's used...
🔗 Source Code
https://github.com/hosseinnabi-ir/Ima...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 Image Slider Preview
01:12 Slider Elements
01:26 General Styles
01:53 Slider Styles
02:22 Adding an Image
02:34 Slider Items Styles
03:24 Adding Some More Images
03:54 Images Hover Effect
04:15 Making Slider Responsive
04:36 Starting JavaScript
05:48 Checking Mouse Position
08:00 Updating Mouse Position
08:34 Updating Slider Rotation
09:40 Making Slider 3D
15:00 Fixing a Bug
15:52 Thanks For Watching :)
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch: • BEAUZ & JVNA - Crazy | Electronic Pop | NC...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | Futur...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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