Website Landing Page Design & Animation with Slider using HTML, CSS & JS | Website UI Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024
  • Hello friends, In this video i'm creating Landing page design with animated slider(Fully customized) using html, css and anime js
    and i hope you love it. I'm creating a pro level tutorial and one more thing i'm telling you guyz it's not a responsive layout (best view in 1366x768 screen) in
    feature i will make a full responsive mobile friendly layout so wait and watch.
    ---------------------------------------------------------------------------------------------
    ► PLEASE SUBSCRIBE TO THIS CHANNEL FOR MORE VIDEOS
    / learndesigntutorial
    ---------------------------------------------------------------------------------------------
    ► OTHER USERFUL VIDEOS
    Website UI Design With Slider Using HTML,CSS & JS | Landing Page Website Design Tutorial
    • Website UI Design With...
    Landing Page UI Design Using Adobe XD
    • Landing Page UI Design...
    How to add background music to your website using Html, css and Jquery | HTML5 Audio
    • How to add background ...
    Landing Page UI Design using HTML, CSS & Tilt js
    • Landing Page UI Design...
    Testimonial Carousel With Slick Carousel | HTML,CSS & JQUERY TUTORIAL
    • Testimonial Carousel W...
    Free Website hosting and subdomain | Upload your website to live server
    • Free Website hosting a...
    Responsive Sticky Header With Smooth Transition On Scroll Using HTML, CSS & JQUERY
    • Responsive Sticky Head...
    Colorful Text Background Animation Using HTML & CSS Clip Path
    • Colorful Text Backgrou...
    Website with fullscreen background video | Autoplay video | Play/Pause Control | Toggle SlideUp/Down
    • Website with fullscree...
    Custom Animated Slider with Mousemove Parallax using html,css js
    • Custom Animated Slider...
    Show/Hide Div Based on Dropdown Selection Using HTML,CSS & JQUERY
    • Show/Hide Div Based on...
    Menu Hover Effect | Infinite Wavy Border Animation Using Only HTML, CSS ANIMATION
    • Menu Hover Effect | In...
    Landing page design, Mouse scroll slider, Infinite text scrolling, Sidebar menu HTML, CSS & JQUERY
    • Landing Page Design, M...
    Portfolio Website Design | Website Landing Page Design & Animation | HTML, CSS, ANIME JS
    • Portfolio Website Desi...
    ---------------------------------------------------------------------------------------------
    ► ANIMATION VIDEO
    How to create custom loader | Website loading animation using html,css and jquery tutorial
    • How to create custom l...
    Pure CSS FadeIn FadeOut Animation - CSS Property #01
    • Pure CSS FadeIn FadeOu...
    Pure CSS Bouncing Ball Animation #02
    • Pure CSS Bouncing Ball...
    Square to Circle Rotate Loading Animation with Multiple Colors #03
    • Square to Circle Rotat...
    Pure CSS Three Dots Loading Animation #04
    • Pure CSS Three Dots Lo...
    Pure CSS Jumping Dots Loading Animation #05
    • Pure CSS Jumping Dots ...
    Pure CSS Ripple Loading Animation Effect #06
    • Pure CSS Ripple Loadin...
    Pure CSS Simple Loader Animation Effect #07
    • Pure CSS Simple Loader...
    Pure CSS Egg Crash Animation Effect 08
    • Pure CSS Egg Crash Ani...
    Pure CSS Flip Page Animation Effects 09
    • Pure CSS Flip Page Ani...
    Pure CSS Flip & Rotate Loading Text Animation Effect 10
    • Pure CSS Flip & Rotate...
    Smooth & Beautiful Scroll Animation Using Vanilla Javascript Plugin Lax.js
    • Smooth & Beautiful Scr...
    ---------------------------------------------------------------------------------------------
    Swiper Slider : swiperjs.com/
    Anime js : animejs.com/
    Cdnjs : www.cdnjs.com/
    Image by : unsplash.com
    For support : / helplearndesign
    Email : help.learndesign@gmail.com
    #websitelandingpage #uidesign #websitedesign #landingpagedesign #animejs #animatedslider #swiperslider

ความคิดเห็น • 19

  • @mdkhaled3226
    @mdkhaled3226 4 ปีที่แล้ว +1

    Amazing video, great👏👍😊

  • @mitaliprajapatj2325
    @mitaliprajapatj2325 4 ปีที่แล้ว +1

    Nice

  • @matsukazetenma4558
    @matsukazetenma4558 4 ปีที่แล้ว +1

    Awesome slider...love it❤️❤️❤️...please make it responsive as well

  • @codion-codingonline7825
    @codion-codingonline7825 4 ปีที่แล้ว +1

    Wow! This Page is awesome!!

  • @romuloalves9349
    @romuloalves9349 4 ปีที่แล้ว +1

    Ótimo vídeo parabéns 👏.

  • @dreido_it2952
    @dreido_it2952 3 ปีที่แล้ว +2

    where can I get the photos used in the video?
    also what were the height and width of the photos?

  • @web_masud
    @web_masud 4 ปีที่แล้ว

    Great work

  • @uglabrasil4150
    @uglabrasil4150 4 ปีที่แล้ว +1

    Melhor canal de slider. Thanks Bro.

  • @NAYMURWEB
    @NAYMURWEB 3 ปีที่แล้ว +1

    awesome
    man

  • @saikumar-le7in
    @saikumar-le7in 4 ปีที่แล้ว

    Hii,bro is it possible to make the Transition reverse when the slide change by using the swiper js. if it possible can u make the one video on that........plz..bro

  • @NAYMURWEB
    @NAYMURWEB 3 ปีที่แล้ว

    awesome bro

  • @hanadyusuf6863
    @hanadyusuf6863 3 ปีที่แล้ว

    is the image folder available for this product?

  • @abulfazlhaidary2002
    @abulfazlhaidary2002 4 ปีที่แล้ว

    Great video! What is your VSC theme by the way?

  • @deepanshusaini665
    @deepanshusaini665 4 ปีที่แล้ว

    Which screen recording application you are using sir !!!!

  • @AllenMarsam
    @AllenMarsam 3 ปีที่แล้ว

    Like

  • @fattehalisunasarasunasara4111
    @fattehalisunasarasunasara4111 4 ปีที่แล้ว +3

    Sir please source code ???

  • @mahendrababu6638
    @mahendrababu6638 4 ปีที่แล้ว +1

    Source code plezz