Landing Page Design with Slick Carousel Using HTML, CSS, JQUERY | Menu Hover Effect | Image Slider
Hello friends, In this video, I'm creating a plant website landing design with an image slider using HTML, CSS, and jquery slick carousel and also Menu hover effect(bottom light scaling effect when hover), Button hover effect, Image border hover effect.
► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
/ learndesigntutorial
--------------------------------------------------------------------------------------------------
0:08 - Preview(Landing Page Design)
5:19 - Menu hover effect using CSS before
8:44 - Button hover effect
10:43 - Init/setup slick carousel
13:15 - Image hover effect
--------------------------------------------------------------------------------------------------
► Related Videos
Portfolio Website Design | Website Landing Page Design & Animation | HTML, CSS, ANIME JS
• Portfolio Website Design | Website La...
Website Landing Page Design & Animation with Slider using HTML, CSS & JS | Website UI Design
• Website Landing Page Design & Animati...
Beauty Aesthetic Hero Section Website Design | Landing Page Design | Anime js Animation Tutorial
• Beauty Aesthetic Hero Section Website...
Landing page design, Mouse scroll slider, Infinite text scrolling, Sidebar menu HTML, CSS & JQUERY
• Landing Page Design, Mouse scroll sli...
Ecommerce Website Landing Page Design with Sign In Popup & Cart Sidebar Using HTML,CSS & JAVASCRIPT
• Ecommerce Website Landing Page Design...
Landing Page Design Using HTML, CSS & JS | Website UI Design Tutorial
• Landing Page Design Using HTML, CSS &...
Portfolio Website Design With Animation Using HTML, CSS & JS | GSAP - GreenSock Animation
• Portfolio Website Design With Animati...
Website UI Design With Slider Using HTML,CSS & JS | Landing Page Website Design Tutorial
• Website UI Design With Slider Using H...
Landing Page UI Design Using Adobe XD
• Landing Page UI Design Using Adobe XD
Landing Page UI Design using HTML, CSS & Tilt js
• Landing Page UI Design using HTML, CS...
Landing Page Design With Animation Using HTML, CSS | Waves Animation, Dropdown Menu, Circle Rotation
• Landing Page Design With Animation Us...
Landing Page Design with Animation using HTML,CSS & JS | GSAP(GreenSock), Circle Text Hover Effect
• Landing Page Design with Animation us...
► 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...
► LOADER ANIMATION
3 Cool CSS Loading Animation Effects | Pure CSS Animation Effects | HTML & CSS Animation Tutorial
• CSS Loading Animation Effects | Pure ...
--------------------------------------------------------------------------------------------------
Slick Carousel : https://kenwheeler.github.io/slick
Cdnjs : https://www.cdnjs.com
Image by : https://unsplash.com
Email : [email protected]
For support : / helplearndesign
Buy me a coffee: https://www.buymeacoffee.com/learndesign
#websitelandingpage #landingpagedesign #plantwebsite #slickcarousel #imageslider #menuhover #buttonhover