give me Animation Coding That Use In Brainly
Answers
Explanation:
[tex]<!DOCTYPE html>
<html lang="en">
<head>
<title>Captain America Shield</title>
</head>
<div class="container">
<div class="circle outer-lv3">
<div class="circle outer-lv2">
<div class="circle outer-lv1">
<div class="center">
<div class="arrow top"></div>
<div class="arrow left"></div>
<div class="arrow right"></div>
</div>
</div>
</div>
</div>
</div>
<style>
html, body {
background:#0846A8;
height: 500px;
}
.container {
width:100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.circle {
border-radius: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border:1px solid #000;
}
.outer-lv3 {
background-image: linear-gradient(#870000,#FF4040,#870000);
height: 260px;
width: 260px;
-webkit-animation: turning 8s infinite linear;
animation: turning 8s infinite linear;
}
@-webkit-keyframes turning {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
@keyframes turning {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
<head>
<html>[/tex