Border Animation CSS | Quick Animation

Поделиться
HTML-код
  • Опубликовано: 26 сен 2024

Комментарии • 53

  • @DevMadeEasy
    @DevMadeEasy  5 месяцев назад +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.

  • @theheritagee
    @theheritagee 8 месяцев назад +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😎💯👊

  • @simonnganga1740
    @simonnganga1740 7 месяцев назад +1

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

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

  • @thedarkbountyhunter7592
    @thedarkbountyhunter7592 7 месяцев назад

    This one was so easy and understandable. 🎉🎉🎉

    • @DevMadeEasy
      @DevMadeEasy  7 месяцев назад

      I am glad you liked my friend.
      Happy Coding!

  • @charith-q8m
    @charith-q8m 11 месяцев назад

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

  • @helldudes5924
    @helldudes5924 2 месяца назад

    Thanks man !!

  • @WaliaIbex
    @WaliaIbex Год назад +1

    You are the best . New subscriber

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

  • @RUNWITHRAMU
    @RUNWITHRAMU Месяц назад +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  Месяц назад +1

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

  • @VisheshRaghav-o2e
    @VisheshRaghav-o2e 9 месяцев назад

    It's good. Thanks 😊

  • @silentstar2760
    @silentstar2760 7 месяцев назад

    Suck cool animation! Thank you 🙏!

  • @TCLKanxi
    @TCLKanxi 2 месяца назад

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

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

  • @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! 😃💻👍

  • @rajdeepmovies7215
    @rajdeepmovies7215 Год назад

    thankss🙂🙂🙂

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

  • @syediqbalahmed3176
    @syediqbalahmed3176 2 года назад

    *_good ... ocay ..._*

    • @DevMadeEasy
      @DevMadeEasy  2 года назад

      Hello Syed, I'm glad you liked it!

  • @hemantsharma-xf3ub
    @hemantsharma-xf3ub 4 месяца назад

    source code is not getting in link

    • @DevMadeEasy
      @DevMadeEasy  4 месяца назад

      Fixed, thanks for your feedback!

  • @prmersal6450
    @prmersal6450 6 месяцев назад

    I want to add image at centre make it circle how

    • @DevMadeEasy
      @DevMadeEasy  6 месяцев назад

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

    • @Nextronlab
      @Nextronlab 3 месяца назад

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

  • @lexgim
    @lexgim 4 месяца назад

    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  4 месяца назад +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!

  • @tyagigaming9784
    @tyagigaming9784 8 месяцев назад

    who is your code editor ?

    • @DevMadeEasy
      @DevMadeEasy  8 месяцев назад

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

  • @umapessoaaleatoria9119
    @umapessoaaleatoria9119 4 месяца назад

    tu é br né mano?

    • @DevMadeEasy
      @DevMadeEasy  4 месяца назад +1

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

  • @muthurams4809
    @muthurams4809 Год назад

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

  • @ficus8741
    @ficus8741 10 месяцев назад

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

  • @rotes3106
    @rotes3106 Год назад +1

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

  • @kakoozaxenyondo00
    @kakoozaxenyondo00 8 месяцев назад

    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  8 месяцев назад

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