Building a CSS Loading Spinner in 3 Minutes

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

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

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

    @colt you are amazing. I am in your WDB course and i love the way you teach us

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

      Indeed mate,
      I mean... If it wasn't for his web developer bootcamp i wouldn't be able to get job as software engineer...
      Seriously i am 18 now & i enrolled in his course last year, finished it in couple of months. & This year i got my first job as a software engineer ✨
      I hope you get succeed in your developer journey ✨🎉

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

    The first teacher I had in my way to programming ♥️ You are awesome

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

    I've been following your courses for years. Nowadays Your voice becomes a part of my life.
    Thanks colt!

  • @ludwigd.v.8312
    @ludwigd.v.8312 2 ปีที่แล้ว +1

    Colts way of teaching is the best. Thanks!

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

    I will watch these every week

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

    Awesome series. Thanks Colt, Looking forward to it.

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

    Thank you so much Colt! I am your fan!

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

    I was able to do it without stress. thanks for your good work

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

    I'm interested in how to create the one you showed on 0:30. It's kind of showing the circle border to be filled up to 90% and then going back to the start 🤩

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

    Yay! More CSS please ☺️

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

    Oh this is cool man. I'm going to do this and add to a project that using wordpress front and react dash front auth. We dont have anything right now so this was on my todo back log lolol thanks for the nudge colt

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

      Fo sho bro

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

    Thanks for making it so easy to implement

  • @Nikhil-Math
    @Nikhil-Math 2 ปีที่แล้ว

    Just completed this, thank you!

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

    I love your style of teaching! Would you be able to teach Java Spring Boot and Hibernate?

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

      I would definitely give up my first born child for this.

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

    Thanks for sharing...
    I'll look at it later...
    Please continue to post other items...

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

    Honestly? This is so good and so simple, that I had to go look for a more complicated spinner implementation :D
    No offense though! Its a compliment!

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

    I always thought one had to do major JavaScript coding to achieve this 😱

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

    Thanks! Awesome video very helpful

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

    these are great!

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

    Ok this is so cooooool!.❤️

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

    I have added a Bunny image to the spinner that gives it sort of a loony Toons effect:
    .spinner {
    height: 120px;
    width: 120px;
    border: 6px solid;
    border-radius: 50%;
    border-color: white transparent white transparent;
    /* animation: spin 1s linear infinite; */
    animation: spin 1.3s ease infinite;
    background-image: url(../images/LB2.jpg);
    background-size: contain;
    }

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

    Well. Here I am watching 😊

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

    Nice video. Thanks

  • @abuhurira-max
    @abuhurira-max หลายเดือนก่อน

    ❤❤❤❤❤❤i love css

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

    awesome !

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

    Thank you teacher

  • @999memeworld
    @999memeworld 2 ปีที่แล้ว

    How can a man learn lot of things & expert over all?
    I think you are not a human Sir!

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

    Love it

  • @Mai-ek8rf
    @Mai-ek8rf 2 ปีที่แล้ว

    great!

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

    Just finished your TypeScript class on Udemy, are you by any chance planning to release a React course?

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

      Hey, is the course great? How would you rate it from 1-10?

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

      @@elizabethvanessa9615 I would give it a 9 would give it a 10 if I knew React cause at the end he had a short module which he connected React with Typescript.

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

      i think he already does have a react course

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

      @@yodkwtf do you have a link to the course?

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

    So no link in the description to the spinners you opened this video with..? 🤔
    OK then.. Thanks anyway.

  • @DeraMonica-lj9ig
    @DeraMonica-lj9ig 6 หลายเดือนก่อน

    Tank u very much

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

    jokes on you, I don't have a child yet. hahaha

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

    why so easy

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

    Hey @colt wassup?

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

    First comment