Border Animation CSS | Quick Animation

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 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😎💯👊

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

      I appreciate that!

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

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

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

      Thanks, will do!

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

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

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

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

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

    This one was so easy and understandable. 🎉🎉🎉

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

      I am glad you liked my friend.
      Happy Coding!

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

    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  9 หลายเดือนก่อน

      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

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

    Thanks man !!

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

      Happy to help

  • @charith-q8m
    @charith-q8m 11 หลายเดือนก่อน

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

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

    Suck cool animation! 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!

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

    It's good. Thanks 😊

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

      I'm glad you like it

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

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

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

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

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

      Yes, absolutely

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

    thankss🙂🙂🙂

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

  • @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 10 หลายเดือนก่อน

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

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

    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!

  • @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 7 หลายเดือนก่อน

    I want to add image at centre make it circle how

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

      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

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

    tu é br né mano?

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

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

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

    who is your code editor ?

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

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

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

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