Slider Using Only CSS 3 - Cool Zoom Animation On Hover - Hindi

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ส.ค. 2024
  • Join Free Training On How to Start Your Web Development Career in 90 Days?
    Click Link below : 👇👇👇👇👇
    rajdeepdev.in/...
    My GOAL is to create Best Web Development Tutorial on TH-cam !
    Join our Facebook group :- / 362439687980553
    Follow me on my personal social media accounts :-
    Instagram :- / rajdeepdhakad
    Facebook :- / rajdeepdhakad
    Snapchat :- @rajdeepdhakad

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

  • @ayeshanasir8358
    @ayeshanasir8358 4 หลายเดือนก่อน +1

    Fantastic sir thank you so much

  • @user-ti3vy8ko3v
    @user-ti3vy8ko3v 2 หลายเดือนก่อน

    Thank you for this website. It helps me a lot.

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

    Thankyou soo much to our brilliont teacher and beautiful soul .God bless you❤

  • @nishaanjum4901
    @nishaanjum4901 2 หลายเดือนก่อน

    Such a seamless and creative video sir!😍

  • @narendraverma825
    @narendraverma825 4 หลายเดือนก่อน +1

    why you have used calc(250px * 18) and (-250px * 9)? what is the 18 and 9?

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

    You solved my problem sir, I was struggling a lot for this slider concept. Tnkq so much. Great content 👍

  • @ChanchalKhangar
    @ChanchalKhangar 5 หลายเดือนก่อน

    Very knowledgeable for me

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

    Amazing sir..😊

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

    Amazing video 🔥🔥

  • @jdhdbshhw
    @jdhdbshhw 2 ปีที่แล้ว

    Tysm buddy mera image slide kam nahi kar raha tha animation mathod se lekin apka ye transform method se kam kar raha tha 💗🤗

  • @surajbasnal3280
    @surajbasnal3280 ปีที่แล้ว

    thankyou sir , please ese hi kuch tutorials ki videos dalte rahiye

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

    Awesome sir thanks for your support ♥️♥️♥️

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

    Ek no. Sir❤️

  • @faizanbeg7921
    @faizanbeg7921 7 หลายเดือนก่อน

    Thank you so much

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

    Thnq sir.. Mujhe Ye slider chahiye tha 😊🙏

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

    Nice one

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

    Wow ❤️

  • @Anknown_Diudy
    @Anknown_Diudy หลายเดือนก่อน

    I also want to add some text and also, if a user's wants to select any one photo or image the, loop must stop, is there any solution?

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

    Nice and informative..

  • @ChirpyTales5223
    @ChirpyTales5223 6 หลายเดือนก่อน

    Thanks sir mery se slider nahi ban raha tha ap video dekh kar ban gaya

  • @kg7984
    @kg7984 ปีที่แล้ว

    When there is a gap after imagies over you should not just copy and paste them just try to remove that space

  • @sauravdutta5496
    @sauravdutta5496 ปีที่แล้ว

    First of all thank you very much. Just one issue in hover image zoom effect is not working

  • @RtExperiment
    @RtExperiment 2 ปีที่แล้ว

    Good

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

    there is one mistake or maybe you forgot to add that when you hover the cursor over the image it does not stop. i also tried but it did not stop. it must be pause when you hover over the image. i request you to please add that effect too.

    • @gurupritsingh3991
      @gurupritsingh3991 ปีที่แล้ว

      bro does it work on edge browser ?

    • @kg7984
      @kg7984 ปีที่แล้ว

      onmouseover="this.style.animationPlayState='paused'" write it in inline css

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

    how to stop the line if we hover on any image ?

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

      .image-slider/wrapper/or whatever name you given to the slider :hover{
      animation-play-state: paused;
      }

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

      @@originasmr Thank youu bro

    • @manishsarkar6886
      @manishsarkar6886 ปีที่แล้ว

      thank you!

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

    Sir should we directly learn Flexbox for positioning ....

  • @user-yr4mw4zl7n
    @user-yr4mw4zl7n 7 หลายเดือนก่อน

    best tutorial but this is not fit in html
    template

  • @naazsisodiya2396
    @naazsisodiya2396 10 หลายเดือนก่อน

    Mera slider nahi chal raha h

  • @shrikararm7637
    @shrikararm7637 ปีที่แล้ว

    sir how to pause on hover

  • @user-pb5xd5hn6m
    @user-pb5xd5hn6m 7 หลายเดือนก่อน

    Bro vs code ki theem name..?

  • @New-vf8sz
    @New-vf8sz ปีที่แล้ว

    Notepad++me kaise karu nehi ho raha help

  • @arsalanrehman9117
    @arsalanrehman9117 2 ปีที่แล้ว

    image ko rokay ga kesay
    hover say

  • @brandh203
    @brandh203 2 ปีที่แล้ว

    image ko hover say kesay rokay ga

  • @user-rc4rm2pe3s
    @user-rc4rm2pe3s 7 หลายเดือนก่อน

    slider ki java srcipt do

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

    Is this responsive bro?

  • @befikra522
    @befikra522 ปีที่แล้ว

    you did't explain stop animation on hover

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

    🙏

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

    Container Fill Nahi Horha Hai

  • @originasmr
    @originasmr ปีที่แล้ว

    :hover{
    animation-play-state: paused;
    }

  • @MRGROOT-ox4yp
    @MRGROOT-ox4yp 3 ปีที่แล้ว

    Sir, Aap Job krte ho???

  • @kaushalnishad4823
    @kaushalnishad4823 ปีที่แล้ว

    dont waste time in this video.image not stop on hover

    • @manishsarkar6886
      @manishsarkar6886 ปีที่แล้ว

      .image-container or whatever you have given the name then :hover{
      animation-play-state: paused;
      }

    • @faizanbeg7921
      @faizanbeg7921 7 หลายเดือนก่อน

      ​@@manishsarkar6886
      You are genius

    • @ChirpyTales5223
      @ChirpyTales5223 6 หลายเดือนก่อน

      Thanks sir

    • @ChirpyTales5223
      @ChirpyTales5223 6 หลายเดือนก่อน

      Mujh se slider nahi ban raha tha ap ki video dekh kar ban gaya