Border Animation CSS | Quick Animation

Поділитися
Вставка
  • Опубліковано 31 гру 2024

КОМЕНТАРІ • 54

  • @DevMadeEasy
    @DevMadeEasy  8 місяців тому +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 2 місяці тому

    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.

  • @theheritagee
    @theheritagee 11 місяців тому +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😎💯👊

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

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

  • @simonnganga1740
    @simonnganga1740 11 місяців тому +1

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

  • @thedarkbountyhunter7592
    @thedarkbountyhunter7592 10 місяців тому

    This one was so easy and understandable. 🎉🎉🎉

    • @DevMadeEasy
      @DevMadeEasy  10 місяців тому

      I am glad you liked my friend.
      Happy Coding!

  • @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!

    • @h4r3-e1x
      @h4r3-e1x Рік тому

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

  • @RUNWITHRAMU
    @RUNWITHRAMU 4 місяці тому +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  4 місяці тому +1

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

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

    You are the best . New subscriber

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

    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  Рік тому

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

  • @charith-q8m
    @charith-q8m Рік тому

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

  • @helldudes5924
    @helldudes5924 5 місяців тому

    Thanks man !!

  • @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!

  • @VisheshRaghav-o2e
    @VisheshRaghav-o2e Рік тому

    It's good. Thanks 😊

  • @silentstar2760
    @silentstar2760 11 місяців тому

    Suck cool animation! Thank you 🙏!

  • @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 5 місяців тому

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

  • @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.

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

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

  • @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!

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

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

  • @prmersal6450
    @prmersal6450 10 місяців тому

    I want to add image at centre make it circle how

    • @DevMadeEasy
      @DevMadeEasy  10 місяців тому

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

    • @Nextronlab
      @Nextronlab 6 місяців тому

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

  • @tyagigaming9784
    @tyagigaming9784 11 місяців тому

    who is your code editor ?

    • @DevMadeEasy
      @DevMadeEasy  11 місяців тому

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

  • @hemantsharma-xf3ub
    @hemantsharma-xf3ub 7 місяців тому

    source code is not getting in link

    • @DevMadeEasy
      @DevMadeEasy  7 місяців тому

      Fixed, thanks for your feedback!

  • @umapessoaaleatoria9119
    @umapessoaaleatoria9119 7 місяців тому

    tu é br né mano?

    • @DevMadeEasy
      @DevMadeEasy  7 місяців тому +1

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

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

    *_good ... ocay ..._*

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

      Hello Syed, I'm glad you liked it!

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

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

  • @lexgim
    @lexgim 8 місяців тому

    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  7 місяців тому +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!