Simple Pure CSS Spinners

preview_player
Показать описание
In this video we will be creating some simple pure CSS spinners or loaders using keyframes.

Code:

💖 Become a Patron: Show support & get perks!

Website & Udemy Courses

Follow Traversy Media:
Рекомендации по теме
Комментарии
Автор

Actually guys if you make the border thicker they look better. Try messing with the properties (thickness, color, size, etc).

TraversyMedia
Автор

I am from Peru and let me tell you that there are many spanish programmers that also post many tutorials about html, css and js, but is just because of you that i really started to like my career even more, day by day i dont get tired of watching your videos all night long, thank you very much for all the love you put in your tutorials, the way you explain them and the patience you have to guide us step by step through every single line of code. God bless you Brad.

RaulCampos
Автор

After watching this I challenged my self with the Materialize CSS framework loaders and everything looks fine. GOD BLESS YOU Mr.Brad + the family

OstonCodeCypher
Автор

Just a small hint: If you want to center absolute positioned stuff, you could use transform with translates, since those work relative to the element's size.

transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
top: 50%;

RicoBrassers
Автор

Thanks Brad for the simple "quick" video. Most appreciated especially while you are moving, which I am sure has you pretty busy. Look forward to seeing the new setup in the new place.

RonWaller
Автор

Its amazing how you start with rectangle essentially and change few properties and make completely awesome thing out of it.

arpitagrawal
Автор

This is so great and nothing super complicated! Brad is our MVP!

Shafty
Автор

I don't often comment on video's but this was a really great tutorial. A very simple example but really opens up a lot of scope for exploration and an investigation into CSS animations. Great work Brad and thanks for all the tutorials you post online. I hope you reap the just rewards!

roberthendley
Автор

Thank you, Brad, for all that going on in your life you still have time to do a video, nice! Just because this is short video doesn't mean it doesn't have value. I'm seeing more videos about getting back to basics with pure JS and CSS because they improved so much. I thought it was called vanilla.JS but when I looked it up guess what? Yep, another framework. Looks simple and fast but it's not pure JS. Any comment on Vanilla.js? Keep broadcasting!!

GeekMustHave
Автор

Hello Brad, thank you for all the videos. They have been really helpful. With love from Nigeria.

jidechiukor
Автор

"It's as easy as that"...thanks Brad! All success with your new home.

mrMinstrel
Автор

Hi Brad: Happy Sunday. Thanks for this simple and practical example.

kevinzhang
Автор

Once again, awesome tutorial Brad. Simple technique, awesome effect. Great job.

clewismessina
Автор

I've been curious about making CSS spinners. Thanks for making an easy to follow video about them!

clivewardcron
Автор

Maaannn!!! Great job! CSS animations are very cool! I'd like more contents of that. Thanks a lot for your dedication.

diltonneves
Автор

Always interesting, helpful and something new to learn form you, thank you for starting a youtube channel, i love to code because of you

MrBadcompany
Автор

Awesome video sir. Concepts explained in a simple manner. Loved this video

joydas
Автор

Very good decision I made subscribing to this channel. Well done.

wellswatti
Автор

Love this tutorial, It's really simple yet powerful, well done!

cervantes
Автор

Thank you Brad! It's simple yet brilliant!

novailoveyou