✌Good morning everyone.✌
👏Welcome to Learn Tech Tips blogspot. I am Zidane (chinese nick name is: 雞蛋🥚)
👏This main topic today I will sharing for you a CSS loader collection ue HTML, CSS. With below the example you can use it on your project for save your time working and coding – of course it’s free, here I want to thank for Temani Afif that had built this loader with multiple example. On this code I will implement a new code wth new UI for you all for easy get it though check live example though my github page
Sharing Free CSS Loader Collection use HTML CSS
Let’s Follow me on 👇
👉 Tiktok
👉 Facebook:
I will explain you how to use it. Example if you love the Spinner Demo with below screen 👇
You just simple copy the HTML, CSS code follow it and past to your website 👇
HTML
<div class="spinner-1">
CSS
.spinner-2 {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid lightblue;
border-right-color: orange;
animation: s2 1s infinite linear;
}
@keyframes s2 {to{transform: rotate(1turn)}}
Do you feel easy to do it?
You can check and gey example on my full page here
Beside that you can get my full source code from github too 👉 link here
Thanks for reading. Any feedback and questions. Leave your comment on below post, we can discuss about it.
✋✋✋✋ Learn Tech Tips – I am Zidane, See you next time