Animated Profile Card UI Design using Html & CSS

Поділитися
Вставка
  • Опубліковано 24 січ 2025

КОМЕНТАРІ • 77

  • @EXPERIMENTSHOW.
    @EXPERIMENTSHOW. Рік тому +1

    thank u soooooooooooooooooooooooooooooooooooooooo much bro.
    LOVE FROM INDIA

  • @alexvaper5625
    @alexvaper5625 2 роки тому +8

    Thank you very much, for the excellent work, for the efforts invested, for the time and effort spent usefully for the cause.
    For persistent efforts and dedication to your work, for a creative approach and an effective result!
    I wish you to continue your work in the same spirit!

  • @pelasgian1454
    @pelasgian1454 2 роки тому

    always the indian people teaching us nice stuff. Thanks for that!

  • @farukweb
    @farukweb 4 місяці тому

    Nice card UI .

  • @roshandongare186
    @roshandongare186 2 роки тому +1

    Hats off to your imaginations and the implementations of the same. Thank you so much a great work. It inspires us.

  • @voaneves
    @voaneves 2 роки тому +1

    Bro, you are a king! Thanks for the excellent work, everything you're doing is really great for us devs.

  • @Alexei_Ovsyannikov
    @Alexei_Ovsyannikov 2 роки тому +5

    *Thanks* for the interesting content!

  • @wisalahmad2077
    @wisalahmad2077 Рік тому

    Sir this really amazing 😍

  • @suraj-se5ne
    @suraj-se5ne 2 роки тому

    Bhai jagab ka talent hai

  • @nahidulislamsagorsrk8469
    @nahidulislamsagorsrk8469 2 роки тому

    YOU ARE LEGEND 😍😍

  • @hengamehvalizadeh4484
    @hengamehvalizadeh4484 2 роки тому

    amazing toturial...thank you very much boddy 👏👏

  • @sdfsfsfd437
    @sdfsfsfd437 2 роки тому +3

    Awesome!!!! Many thanks!

  • @BARRYOME
    @BARRYOME 2 роки тому +3

    Cool👍

  • @alext.rivera6043
    @alext.rivera6043 2 роки тому

    Very good, you are a crack!!! 👍🏾

  • @hellenicpirate3050
    @hellenicpirate3050 2 роки тому

    that's wonderfull , exciting at the same time!!

  • @markzait2750
    @markzait2750 2 роки тому +2

    Very useful video! Thanks!

  • @josedanielmendoza2305
    @josedanielmendoza2305 2 роки тому

    asombroso ..... saludos desde Bolivia

  • @Cyber_Madhuwa
    @Cyber_Madhuwa 2 роки тому +3

    wow..!!!❤️

  • @noor_63
    @noor_63 Рік тому

    Thank you very much, for the excellent work but how to download this animation card please reply me

  • @snoudev
    @snoudev 2 роки тому

    thank you very much, your work is always great

  • @Mitrezir
    @Mitrezir 2 роки тому +2

    Hello my friend. First of all, let me say that it is a very good work. I had a question. The image filter color was changing when the cursor was on the image when the project was finished. But you didn't show it in the tutorial.

    • @codewithhira4421
      @codewithhira4421 2 роки тому +1

      Check it on 8:36 he applied the grayscale filter

    • @Mitrezir
      @Mitrezir 2 роки тому +2

      Yes, but the grayscale filter would revert to its original color when the cursor was hovered over the input photo. In the end, he didn't or forgot.

    • @DarkArly
      @DarkArly 2 роки тому

      @@Mitrezir look 16 comments after - Amr Magdi Mustapha, it works !

  • @claude.oberko
    @claude.oberko 2 роки тому

    what was the dimension of the photo?

  • @gnomol
    @gnomol 2 роки тому

    Perfect, thank you.

  • @thierrycouffinhal7081
    @thierrycouffinhal7081 2 роки тому +2

    GREAT !

  • @droid-jr9940
    @droid-jr9940 2 роки тому

    maravilloso bro !!!

  • @ashwinink
    @ashwinink Рік тому

    I cant find this on Online tutorials. I did exactly the same but I am not able to see it. Can you help

  • @emmanuelisunuoya8999
    @emmanuelisunuoya8999 2 роки тому

    Wow so awesome pls can you make another phone website

  • @alifkhan6533
    @alifkhan6533 2 роки тому

    Bro the hover effect of height doesn't working

  • @tradinglibrarystation
    @tradinglibrarystation 2 роки тому +3

    code for image recolor when hover:
    .card:hover .imgbx img
    {
    filter: none;
    }

  • @dingg9842
    @dingg9842 2 роки тому

    Link ?

  • @ilovejesus.100
    @ilovejesus.100 Рік тому

    where link 😢

  • @crisjnr7
    @crisjnr7 2 роки тому

    Same try but no result

  • @batmanlovepu
    @batmanlovepu 2 роки тому

    When you edit in VS Studio code. What browser do you use for realtime display? Thank you.

  • @ashikeshan1529
    @ashikeshan1529 2 роки тому

    Excellent like always. What's the name of the music ?

  • @RajKumar-hi6bc
    @RajKumar-hi6bc 2 роки тому +2

    Bro how you make it I hope i am learning from you it's awesome but sad part is when I try to add something i soils everything

    • @OnlineTutorialsYT
      @OnlineTutorialsYT  2 роки тому

      How can I help you?

    • @RajKumar-hi6bc
      @RajKumar-hi6bc 2 роки тому

      @@OnlineTutorialsYT bro in your dynamic login form password showing eye was not there somo how I get it in place but transition effects not working properly that login form you show in initial part of video thanks for reply

  • @lakhvindersingh35
    @lakhvindersingh35 2 роки тому +3

    First

  • @mati14455
    @mati14455 2 роки тому +1

    👏👏

  • @crisjnr7
    @crisjnr7 2 роки тому

    I was copy that but doesn't work and your which one side coding and another side was result give a tutorial video and which extension give full tutorial video plzzz

  • @hakunamatata1427
    @hakunamatata1427 2 роки тому +9

    Please suggest course of html and css for me, dude I really wanna know how you got magic in your hands..!

  • @onlinetv6397
    @onlinetv6397 2 роки тому +1

    hello sir make video with hindi sounds voice audios are not in the any videos making with voice over plzz...

    • @Samuel01477
      @Samuel01477 2 роки тому

      Voice over isn't needed keep your opinions to yourself

  • @JaloliddinDilmurodov
    @JaloliddinDilmurodov Рік тому

    code yes

  • @MOdevco
    @MOdevco 2 роки тому +2

    Second

  • @Respectshorts-nn4zf
    @Respectshorts-nn4zf 2 роки тому

    You forgot the image color when it is hovered 👀

    • @dailymotiv1h.24
      @dailymotiv1h.24 2 роки тому

      .card .imgBx img:hover
      {
      transition: 2s;
      filter: grayscale(0);
      }

    • @dailymotiv1h.24
      @dailymotiv1h.24 2 роки тому +1

      What is the validity of this code? Although he works, but I want to make sure does he write like this?!!

    • @Respectshorts-nn4zf
      @Respectshorts-nn4zf 2 роки тому

      @@dailymotiv1h.24 🤝

  • @kolinekgp456
    @kolinekgp456 2 роки тому

    Why everyone always is using pixels? Please show how to create this type of things more responsive...

  • @crisjnr7
    @crisjnr7 2 роки тому

    Hlo UA-cam sirr

  • @crisjnr7
    @crisjnr7 2 роки тому

    This is live servet

  • @LouMarten
    @LouMarten Рік тому +1

    This UI Card does not work as shown in the above video in all browsers and mobiles. There's a problem with the linear-gradient that doesn't work with hexacode and needs to be rgba-colors. The image used needs to have a position that has to be relative because of the z-index and if you use a different .jpg file than the one above, you need to adjust the imgBx. Also the card needs to be adjust if you have a longer job title. And the links in the discription doesn't give you any source code but show you the course you can take. There is to little explanation about when it wouldn't work in other browsers situation. Allthought this video has inspired me.

  • @germanfrankherk1436
    @germanfrankherk1436 2 роки тому

    f0ck its amazing

  • @tupapa7642
    @tupapa7642 2 роки тому

    the tutorial it's awesome but the music it's a pain!

  • @bexruzmaxmudov8003
    @bexruzmaxmudov8003 Рік тому

    Musur sukaaa

  • @XojiakbarPolatov-n3b
    @XojiakbarPolatov-n3b Рік тому

    cursor: pointer; qani