believe in CSS when the loader
animation that I put does not run (in which the blue part of my loader must be rotating in a circular way), so I ask you for help to know what the error is and well I'll give you the code :
*,*::after, *::before{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contenedor{
background-color: rgba(250, 240, 245, 0.9);
height: 100%;
width: 100%;
position: fixed;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
z-index: 10000;
}
#carga{
border: 15px solid #ccc;
border-top-color: DodgerBlue;
border-top-style: groove;
height: 100px;
width: 100px;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-animation: girar 1.5s linear infinite;
-o-animation: girar 1.5s linear infinite;
animation: girar 1.5s linear infinite;
}
@@keyframes girar {
from{transform: rotate(0deg);}
to{transform: rotate(360deg);}
}
<div id="contenedor">
<div id="carga">
</div>
</div>
You have an arroba left over in
keyframes
: