Create a Custom Tooltip with only CSS - Web Design Tutorial

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

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

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

    Like others have said, you're a great teacher. You don't just show what you're doing and then repeat the same information verbally as some people do, you explain how it all works. Keep it up! 👍 As a Brit I'm also liking the Aussie accent. 😊

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

    Keep doing these kind of videos because you know what you're doing. You explain it perfectly and the video is interesting from second 1 to second -1 ;)

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

    As always brilliantly explained, thanks!

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

    exactly what i needed and you explained very clearly thank you :)

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

    You definitely deserve more recognition! Love your vids

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

    Great tutorial, Dom.
    I would like to add one thing, though. Give the tooltip element a text-decoration: underline dotted; or something to distinguish it from normal text...

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

    great explanation, best tutorial on tooltips

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

    Nice video again. Very useful and i am gonna to use it ....

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

    Will the hover over the pseudo element itself make the tool tip to appear?
    i.e if our pointer is a little above the span then as well the tooltip will appear. Any way to stop that?

  • @the.crypto.x
    @the.crypto.x 5 ปีที่แล้ว +4

    Today I learnt about retrieving attribute values using the attr() function - which I honestly did not know existed in CSS until now. Thanks Man!

    • @dcode-software
      @dcode-software  5 ปีที่แล้ว

      Yeah it's pretty good aye? No probs!

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

    Thank you for your tutorial it was very useful! You have tried excellently to pass on your knowledge in an understandable way, keep up the good work. One thing I would have however, namely that in my eyes a fixed width is meaningful, but not compellingly necessary. I have set the maximum width to 100%, the width to max-content, left to 50% and transform to -50% and 10px and it works fine. What is your opinion on this? Is this variant not as robust?

    • @dcode-software
      @dcode-software  5 ปีที่แล้ว

      I haven't ever heard of "max-content" haha - if it works then yeah for sure, although it looks like it isn't supported in Edge

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

    Era exactamente lo que estaba buscando. Thank you.

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

    Hey man! It's a nice piece of work. But, how can I add a "background blur" on the tooltip? I'm using a rgba background, but the same "backdrop-filter" that I use on my div, seems not work on the tooltip =/ any idea why ? Thanks ! :)

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

    Thanks bro for your nice video tutorial :)

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

    How to create it autoshow and hide after few seconds in elementor?

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

    Hey bro can you do videos on how to filter using javascript? Like filter using type of car or anything?

    • @dcode-software
      @dcode-software  5 ปีที่แล้ว

      Yeah I got a video on this, I made it quite a while ago, check it out:
      th-cam.com/video/0qsFDFC2oEE/w-d-xo.html