How To Make Slider In HTML, CSS and JS | Animated Image Slider Caption | Owl Carousel Tutorial

Veröffentlicht am: 18 April 2020
auf dem Kanal: LearnDesign
3,442
48

Hello friends, In this video i'm creating owlcarousel slider with caption animation and hover effect using html, css and jquery owl carousel plugin i hope you love it.
------------------------------------------------------------------------------------------------
PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
------------------------------------------------------------------------------------------------
Personal portfolio website html and css
Preview :    • How to create a personal portfolio we...  
Part 1 :   • How to create a personal portfolio we...  
Part 2 :    • How to create a personal portfolio we...  
Part 3 :    • How to create a personal portfolio we...  
Part 4 :    • How to add video in your website usin...  

Creative designer and director portfolio
Preview :    • Creative Portfolio Website Design Inp...  
Part 1 :    • Creative Portfolio Website Design wit...  
Part 2 :    • Creative Portfolio Website Design wit...  

How to navigate to another page with a smooth scroll using html,css,jquery
   • How to navigate to another page with ...  
Scroll to section smooth scrolling like onepage website using html,css and jquery
   • Scroll to section smooth scrolling li...  

Resizing text dynamically using html,css and jquery
   • Resizing text dynamically using html,...  

Easy tutorial equal height columns using only jquery
   • Easy tutorial equal height columns us...  

Scroll to target smooth scrolling using html,css and jquery
   • Scroll to target smooth scrolling usi...  

CSS style switch light and dark mode using html,css and Jquery
   • Light/Dark Mode Toggle Switch using h...  

Color to Grayscale Image on Jquery Mousemove
   • Color to Grayscale Image on Jquery Mo...  

Beautiful Website Loading Animation Only CSS
   • Website Loading Animation Only CSS | ...  

Easy Tutorial Change Background Color Using Jquery Mousemove
   • Change Background Color Using Jquery ...  

Awesome CSS Gradient Button Hover Effects
   • Awesome CSS Gradient Button Hover Eff...  

Change background image on hover with css transition effects
   • Change background image on hover with...  

Jquery mousemove focus effects
   • Jquery mousemove focus effects  

Easy tutorial to change background color onclick or hover method
   • Easy tutorial to change background co...  

Easy tutorial to like button heart effects using jquery
   • Easy tutorial to like button heart ef...  

Pure CSS Button Animation Wave Effects
   • Wave Button Animation Hover Effect | ...  

Our team section design with drag and zoom functionality using panzoom js | Html and css tutorial
   • Our team section design with drag and...  

How to add animation on scroll using html, css and aos js tutorial
   • How to add animation on scroll using ...  

Awesome text distortion effects using blotter js | Learn Design Tutorial
   • Awesome text distortion effects using...  

Awesome navbar design with hover effect using html and css tutorial
   • Awesome navbar design with hover effe...  

How to create custom scrollbar style using only css | HTML & CSS Tutorial
   • How to create custom scrollbar style ...  

How to create javascript carousel slider without dependency | Html, Css, Javascript Tutorial
   • Carousel Slider | Dependency Free Jav...  

How to make draggable elements in jquery UI | Living room design with light on,off
   • How to make draggable elements in jqu...  

================= ANIMATION VIDEO =================
How to create custom loader | Website loading animation using html,css and jquery tutorial
   • How to create custom loader | How to ...  

Pure CSS FadeIn FadeOut Animation - CSS Property #01
   • Pure CSS FadeIn FadeOut Animation - C...  

Pure CSS Bouncing Ball Animation #02
   • Pure CSS Bouncing Ball Animation 02  

Square to Circle Rotate Loading Animation with Multiple Colors #03
   • Square to Circle Rotate Loading Anima...  

Pure CSS Three Dots Loading Animation #04
   • Pure CSS Three Dots Loading Animation 04  

Pure CSS Jumping Dots Loading Animation #05
   • Pure CSS Jumping Dots Loading Animati...  

Pure CSS Ripple Loading Animation Effect #06
   • Pure CSS Ripple Loading Animation Eff...  

Pure CSS Simple Loader Animation Effect #07
   • Pure CSS Simple Loader Animation Effe...  

Pure CSS Egg Crash Animation Effect 08
   • Pure CSS Egg Crash Animation Effect 08  

Pure CSS Flip Page Animation Effects 09
   • Pure CSS Flip Page Animation Effects 09  

Pure CSS Flip & Rotate Loading Text Animation Effect 10
   • Pure CSS Flip & Rotate Loading Text A...  

------------------------------------------------------------------------------------------------
OwlCarousel link : https://owlcarousel2.github.io/OwlCar...
Cdnjs link : https://www.cdnjs.com/
Image by : https://picsum.photos/
Source code : https://drive.google.com/open?id=1CPD...
Email : [email protected]

#webdesign #html #css #learndesign #owlcarousel #carouselslider #imageslider


Auf dieser Seite können Sie das Online-Video How To Make Slider In HTML, CSS and JS | Animated Image Slider Caption | Owl Carousel Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer LearnDesign 18 April 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,442 Mal angesehen und es wurde von 48 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!