Creating a Stylish Loading Animation with HTML and CSS

Опубликовано: 26 Апрель 2023
на канале: CodeMaster Labs
128
7

Creating a Stylish Loading Animation with HTML and CSS #shorts

.overlay{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(240, 240, 240, 0.8);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.loader{
border: 8px solid #f3f3f3;
border-radius: 50%;
border-top: 8px solid #3498db;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

Social Media Links:-
Youtube -    / @codemasterlabs  
Join Facebook Group - www.facebook.com/groups/codemasterlabs/

👍 Give This Video A Thumbs Up, Leave a Comment and Share This Video!
🔔 Subscribe to my Channel & Click The Bell For More videos.

For More Information:
Please write us at : [email protected]
Connect with us on facebook group - CodeMaster Labs. If you would like to donate and give support to our Channel, write mail to us.


Смотрите видео Creating a Stylish Loading Animation with HTML and CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CodeMaster Labs 26 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 128 раз и оно понравилось 7 людям.