Border Animation CSS | Quick Animation

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

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

  • @DevMadeEasy
    @DevMadeEasy  6 หลายเดือนก่อน +1

    🌟 Source Code: devmadeeasy.gumroad.com/l/border_animation

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

    I couldn't understand this rotating border for quite a while now. You explained it so well now i understand it. Thanks a lot.

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

    I have seen so many videos but still I couldn't understand the logic behind it , really sir you explained it very well, thank you so much for this video.

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

      Thanks and welcome

  • @simonnganga1740
    @simonnganga1740 9 หลายเดือนก่อน +1

    This is awesome. I request you do a long video since you are demystifying the concept very well and with ease

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

      Thanks, will do!

  • @theheritagee
    @theheritagee 10 หลายเดือนก่อน +1

    I like the way you explain every code and how you take your time when doing things
    I've not really watched most of your videos but from what I've watched on your channel, I can say you are good
    Big Ups bro😎💯👊

    • @DevMadeEasy
      @DevMadeEasy  10 หลายเดือนก่อน +1

      I appreciate that!

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

    This one was so easy and understandable. 🎉🎉🎉

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

      I am glad you liked my friend.
      Happy Coding!

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

    Haha this is amazing dear! That was so heloful and clear! Thanks!

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

    Thank you so much.
    My pc is a 11th gen machine, it can't execute previous syntax of code. It needs latest versions of programming language syntax. Your syntax has worked on my pc. I appreciate your video.

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

      I am glad you liked it.
      Happy Coding my friend.

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

    This is neat and very creative, but surely there's a cleaner way of tracing a gradient across a path? A more complex edge would look weird using this trick.

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

      Hey Trazyn
      Yes, CSS is a powerful tool and this is just one of the many ways to get this result.
      You can do it another way and share it with us on Codepen, for example.
      It's this curiosity, this desire to do things differently that makes us web developers!
      Happy Coding my friend.

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

    You are the best . New subscriber

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

    Hello, I'm from Brazil, I'm starting in the development area. this content was amazing, I already signed up to follow more classes!

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

      Welcome aboard!
      And Happy Coding my Friend!

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

      I'm from Brazil too and I agree. What a amazing content. Greetings!

  • @RUNWITHRAMU
    @RUNWITHRAMU 3 หลายเดือนก่อน +1

    Super sir. great explanation. 1st time I tried it but there was some clumsy. But u explained it clearly. Tq for this wonderful video. I will compulsary subscribe your channel.👏👏

    • @DevMadeEasy
      @DevMadeEasy  3 หลายเดือนก่อน +1

      Hello DEV I am glad you liked it...
      Thanks for the sub.
      And Happy Coding my friend!

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

    Thanks man !!

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

      Happy to help

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

    Thank you mate! Though I'm curious to know, what does the "inset" property work? I personally never used that property in CSS

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

      Thanks for watching, I'm glad it helped.
      I believe I will do a short teaching just this property soon.
      Thanks for the feedback and Happy Coding my friend!

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

    Suck cool animation! Thank you 🙏!

  • @VisheshRaghav-o2e
    @VisheshRaghav-o2e 11 หลายเดือนก่อน

    It's good. Thanks 😊

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

      I'm glad you like it

  • @charith-q8m
    @charith-q8m ปีที่แล้ว

    Ohh my god.. the fps rate of the vid is super

  • @MahfuzAhmed-75
    @MahfuzAhmed-75 ปีที่แล้ว

    🎉you are the best👀😃

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

      👋Hey there, Web Warrior! Thank you so much for the kind words and support! 🙌🎉 It means a lot to me and I'm glad that I can help you on your web dev journey.
      Happy Coding my friend! 😃💻👍

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

    Hi, great video, is it possible to have a solid border, only animate on hover? Thank you

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

      Yes, absolutely

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

    Are you Silvio Santos teaching CSS ? If not your voice is the same.

  • @RafaelSouza-bq6yy
    @RafaelSouza-bq6yy 2 ปีที่แล้ว

    pika to fly, das galaxias, meu patrão!

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

      Opa Rafael, fico feliz que tenha gostado.
      Happy Coding!

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

    Hello, i want to send this animation to back of all my content. How can i do ?

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

    *_good ... ocay ..._*

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

      Hello Syed, I'm glad you liked it!

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

    who is your code editor ?

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

      In this project specifically I used 'Brackets'.
      Happy Coding my Friend!

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

    I want to add image at centre make it circle how

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

      You can use any content you want...
      Happy Coding my friend!

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

      How do I add image on the button and make the image rotating once it's clicked ​@@DevMadeEasy

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

    Sir provide the video for how to make responsive web site.... And how to use bootstrap in web site

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

    tu é br né mano?

    • @DevMadeEasy
      @DevMadeEasy  6 หลายเดือนก่อน +1

      Eu sou Português, vivo em Portugal!🇵🇹

  • @hemantsharma-xf3ub
    @hemantsharma-xf3ub 6 หลายเดือนก่อน

    source code is not getting in link

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

      Fixed, thanks for your feedback!

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

    this is so cool man, but i dont understand what is content: ''; i see it in every video but idk what it means

    • @DevMadeEasy
      @DevMadeEasy  6 หลายเดือนก่อน +2

      Hello dev!
      Pseudo-elements: content is a property commonly used with ::before and ::after pseudo-elements to insert content before or after the element’s actual content.
      Empty content: '' '' means an empty string will be inserted.
      Happy Coding!