How To Create 3D Flip Effect In HTML And CSS | Flip Card Design HTML And CSS Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

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

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

    your everything is easy to understand and everything is helpful.i wish your all dream come true...!

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

    I like when we have the link to images that are already downloaded and put together in one one zip like the way you did with a youtube and facebook websites tutorials.

  • @AkashAhmed-bb2nq
    @AkashAhmed-bb2nq 5 ปีที่แล้ว +2

    Your all videos really help us to improve web design... Thank you a lot of bro.hope ,next tutorial you will teach us new design ... All the best

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

    The best web design tutorials ever. This helps me a lot. ThankYou man.🖤

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

      Hey are you still available please guide me brother i am here

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

    i visited several channel of youtube regarding entire ui,ux, front end developing materials most of channel i found source code for the further clarification , the way you explain its nice, but i really wonder, why dont u share source code , does it take charge on youtube ,for further clarification you should share the source code

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

    Every thing looks good but...
    You must use "perspective" property to make it more 3d,
    But be sure to use it in the parent element.

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

      Hey are you still available please guide me brother i am here to learn web development and want to know your opinion

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

    hi, is it possible if the picture format square?

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

    This guy I awesome , amazing contents I would love get your courses .

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

    thank for your helpful videos... I wanna ask you something ! As a beginner and I have some basic knowledge of HTML and CSS, should I go for CSS responsive or learning Bootstrap, which and why ? tks ...

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

      Same question

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

      First Go For CSS Responsive Then Go For Bootstrap

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

      Hey do you got your answer and are you still available please guide me brother i am here to learn web development and want to know your opinion

  • @AbhishekKumar-mq1tt
    @AbhishekKumar-mq1tt 5 ปีที่แล้ว +1

    Thank u for this awesome video

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

    VERY USEFUL TUTORIAL

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

    Awesome video

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

    Sir jaise ap karte h vaise hi m bhi karta hu but every time there is some difference created . Not a single video has same output why sir and please tell me the position related strategies for how to use and when to use

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

    Very helpful love you sir !!!

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

    You could use perspective 1000px to give it some 3d look.

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

    sir how can i make responsive, for example the last part like adding to cart or watch list

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

    Video is nice. I am try this but I am use 3 IMG all IMG will be show one by one.

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

    thank you so much for sharing

  • @ابومريود
    @ابومريود 3 ปีที่แล้ว

    Thanks so much easy tutorials

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

    I have been following your easy tutorials and i love it , I have subscribed to your channel and one thing can you please teach me how to create a navigation menu and adding your pic at the top ??
    Please reply

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

      Hey are you still available please guide me brother i am here to learn web development and want to know your opinion

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

    Awesome tutorial, easy to understand. Thx 😀👍

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

    bro which one editor u r using . i am using simple notepad but i am not comfortable with this can u saggiest me the name of that editor

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

      Hi Rahmat, I am using Brackets editor to in my video. Thanks for comment

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

      You must use vs code which is more powerful editor than others

  • @Pankaj-Verma-
    @Pankaj-Verma- 4 ปีที่แล้ว +1

    Thank you so much for your kind help!

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

    Thank you sir

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

    Bhai firt view and first comment but i need a video of making website of school mangment

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

    Please help how to make all the blocks in a row and with this animation

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

    Please create tailwind css tropic video

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

      I have not tried it, i would like to learn tailwind from you.

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

      😀 no sir please don't say like this.. it would be my pleasure

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

    Good evening sir... I have followed your instructions but instead of getting my front image at first ...I got my back image overlapping the front image what to do?

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

      Even I am facing same issue, did you resolve it?

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

    Link please

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

    As I beginner , I need the real images.
    I used a different picture and it got wrong.

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

    What is the size of image?

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

    Nice video

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

    bhai ab meko 3 line me lana hai to kya karu

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

    Subscribed

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

    Sir this is not working in Mozilla Firefox 😕

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

    How can i create 3 or 4 flip cards at the same rows?

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

      Learn flip design from this video and you can learn to make multiple columns in below video link:
      th-cam.com/video/tORB9zB6xvo/w-d-xo.html

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

      Thank you!

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

    it doesnt work for me bro can you help me

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

    Please teacher can you give me the code of 4 colors (the background of the pictures)

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

    Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE

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

    sab column me aa gaye

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

    My image remain so big 3:05
    Taken from pixel

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

      use img{width:100%} I hope Solve it.

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

    bhai script dedo please

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

      Did u get the script

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

    Listen men it's cool that you try to share some experience BUT you constantly lying in your tutorials about how's things looks like. Your code doesn't translate expected results during you show us how it supposed to turn only in the end. But it's not worse about it. Men you literally shows a wrong code. In this tutorial for example you gave some parameters for ".flip-card-front" next minute it looked like ".flip-card-inner". Sometimes you forget to close a "div" ect. You beautiful designer but you need to check out your own things before given it to the other people and get some monetization while beginners wasting time on optimization of your stuff.

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

    not responsive