web.htmlcss
رفتن به کانال در Telegram
Learn HTML CSS and JavaScript..
نمایش بیشترکشور مشخص نشده استدسته بندی مشخص نشده است
6 045
مشترکین
+824 ساعت
+337 روز
+19930 روز
آرشیو پست ها
6 045
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.container{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.outer,.inner{
border: 5px solid #f3f3f3;
}
.outer{
width:80px;
height:80px;
border-top:5px solid orange;
border-radius:50%;
animation:div1 2s infinite;
}
.outer .inner{
width:60px;
height:60px;
margin:5px;
border-bottom:5px solid blue;
border-radius:50%;
animation:div2 1s infinite;
}
@keyframes div1{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
@keyframes div2{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
</style>
</head>
<body>
<div class="container" >
<div class="outer" >
<div class="inner" ></div>
</div>
</div>
</body>
</html>
6 045
I found great channel for you 🚀
🟡 Top Books
⚫️ Top Websites
🟡 Top Tricks
⚫️ Top Earn money sites
🟡 Top Online works
You can find these things from
@frontend_trend
Don't forget to follow
@frontend_trend
6 045
I found great channel for you 🚀
🟡 Top Books
⚫️ Top Websites
🟡 Top Tricks
⚫️ Top Earn money sites
🟡 Top Online works
You can find these things from
@frontend_trend
Don't forget to follow
