I'd like to implement a basic loading spinner animation. This could look something like this in css:
<style>
.spinner {
width: 48px;
height: 48px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
The custom CSS field in the editor doesn't seem to support adding keyframes. I see the animationstart, animationend, etc in the events panel, but where can I actually define the animation?
Thanks for any help!
