In this video, join me in creating an image slider with a very special and magical effect by creating small circles and rotating them in many directions, using HTML CSS and Javascript, Includes features to capture click events and optimize display on responsive screens.
Steps - By Steps:
00:00 Intro and Describe project
01:10 Setup proejct
01:28 Create and Design Header
03:32 Create and Design Slider Image
07:46 Find the diameter of the circle
11:58 Design Animation Slider In CSS
17:10 Setup Javascript
17:44 Event Next & Prev button click
20:32 Responsive
Download Code And Images: www.lundevweb.com/2024/04/cre...
-----
Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
#slider #carousel #css
-----
Theme VsCode I'm Using: • Create Your Own VSCode...
React Js Tutorial: • React JS
Design Slider - Carousel web: • Animation Card Slider ...
Design Template Website: • Parallax Scrolling Web...
Design Parallax SCrolling Effect: • Reponsive Parallax Scr...
Effect Image using HTML CSS Javascript: • How To Make Zoom Image...
Design Animation Menu Web: • Design Navigation Menu...
Design Effect Card: • How to make Awesome CS...
There are many other series: / @lundeveloper
Contact With me:
Instagram: / lundev.web
Email: hohoang.dev@gmail.com
Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.
Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.