Доброго времени суток!
После прохождения курса Анимация, попробовала создать свою, но она категорически не хочет работать (или запускаться). Помогите, пожалуйста!
Код html
<head>
<link rel="stylesheet" href="style.css">
<meta charset="utf-8">
</head>
<body>
<div class="wifi"></div>
</body>
Код css
@keyframes wifi_animation{
0%{opacity: 0;}
100%{opacity: 1;}
}
.wifi{
position: absolute;
height: 10px;
width: 10px;
left: -3px;
top: -3px;
border-radius: 50%;
border-top: 2px solid;
transform: rotate(-45deg);
animation-name: wifi_animation;
animation-duration: 1s;
animation-iteration-count: infinite;
}
.wifi:before{
content:'';
position: absolute;
height: 15px;
width: 15px;
border-radius: 50%;
border-top: 2px solid;
left: -3px;
top: -6px;
}
.wifi:after{
content:'';
position: absolute;
height: 20px;
width: 20px;
border-radius: 50%;
border-top: 2px solid;
left: -6px;
top: -12px;
}
