css div box hover effect using html and css | Exp- 1 | css div box container | web zone

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024
  • code:- bit.ly/2v1qIxE
    This video about , How to add hover effects in css div box using css flexbox and css3 hover elements ..
    div box zoom on hover..

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

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

    Kamal bhaii bahut accha laga 💕💕💕💕

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

    very very helpful inspite of big videos i completed this effect in project after seeing ur videos thank you soooooooooo much

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

      you are a noob in CSS it is a baby game of me

  • @NeoKarthik
    @NeoKarthik 4 ปีที่แล้ว +6

    I just couldn't suppress my chuckle when you were so desperately trying to figure out why the hover effect was not working. The misspelt transform was right in front of you.

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

      😂😂😂

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

      That's exactly how it is, the mistake is right in front of you and you miss it, then you find it eventually and feel stupid

  • @LearnEnglishByCartoon
    @LearnEnglishByCartoon 6 ปีที่แล้ว +7

    completely useful, please make more videos like this

  • @Boo-rp8kn
    @Boo-rp8kn 2 ปีที่แล้ว +1

    Antes pensaba que era increible como hacias eso pero ahora tengo un mayor entendimiento

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

    Very useful and helpful . short videos are awesome !!!!!!

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

    Simple but effective ! Thanks a lot

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

      Whats thw meaning for

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

      @@saro2539 it's heart

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

    Thanku very very much .This help me lot .🙏

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

    sir will that blocks be placed sidewise like in books rack and apply same hover to it

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

    Thank you so much! Greetings from México!

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

    This was super helpful. Thank you.

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

    *all of us at **3:50* 👏🏻👏🏻👏🏻👏🏻

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

    Excellent bro..❤
    Thank you so much bro

  • @itech40
    @itech40 5 ปีที่แล้ว +4

    Thanks a lot ! :D Can you explain why does putting transition: .75s; in .box makes it smooth when you hover away please ?

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

      The first thing that comes to mind is that you're taking .75s which translates to 750 milliseconds to finish the animation, rather than it finishing instantly when you stop hovering.

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

    thanks a lot

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

    matur suwun, it's really helpfull.... good job..

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

    thankyou so much bro i found what i looked for appreciate that deserve a sub!!

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

    Thansk you for nice video👏

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

    Can we add images and text inside the box?

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

    very intresting . noted....

  • @TestSubject-vv1kn
    @TestSubject-vv1kn 3 ปีที่แล้ว +2

    3:46
    *I felt that*

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

    👍 well done

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

    Thank you sir for making such amazing videos but let me know how to insert images on those boxes

    • @WebZoneCode
      @WebZoneCode  4 ปีที่แล้ว +6

      It's very easy
      Try this..

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

      @@WebZoneCode Hey, let me know how to insert text on those boxes too. I want to make it as my product grid. Thank you

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

    Helped a lot.

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

    thank you so much. very helpful video

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

    Simply Awesome

  • @mattwatters3655
    @mattwatters3655 6 ปีที่แล้ว +6

    Is this supposed to be a silent video?

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

    I didnt know u can type html like that wowwww thx

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

      What is the ide he is useing and is it possible to make that in brakets !??

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

    Bhai div. box*5 se class kaise create kiya please replay man it's important???

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

      div.box*5 type karo aur fir tab button press karo.

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

    Thx a lot, so objective!

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

    SUPER.....!

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

    Which software are used to makeing coding

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

    Thankkk you for this video :)

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

    Hey how to stop the hover at the maximum zoom when the pointer leaves...

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

    Thanks bhai

  • @JoyBoy-737
    @JoyBoy-737 9 หลายเดือนก่อน

    Thanks

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

    thank you sir!!

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

    Can we add links to the hover box, so that when clicked it can open another page?

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

    Thanks Sir

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

    thanks bro

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

    How can I do this in terms of video except that the user will have to click the "play" button 😕🙏?

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

    omg thank you so so much

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

    thx

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

    good

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

    nice

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

    how to make responsive this ?

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

    how can i insert youtube videos in it

  • @ANUJKumarnishad-lo7be
    @ANUJKumarnishad-lo7be 5 ปีที่แล้ว

    Sir aap log ish code ko kisha app par run karvate hii

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

    Ohhh god that's remind me of xbox theme

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 ปีที่แล้ว

    thanks...

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

    🔔👈

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

    Plz make this in responsive

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

    Sir .works-step div{}

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

    4 minutes to say:
    transform: scale();

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

    just put music or explanation about code

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

    Voice kidar h yar😭

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

    What for you make this video? It's ez

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

    TraNsform

  • @vocelia
    @vocelia 5 ปีที่แล้ว

    It doesn't work!

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

    Thanks a lot

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

    thanks

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

    Thank u sir

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

    thank you bro