<!DOCTYPE html>
<style>
@keyframes test {
to {transform: rotate(360deg);}
}
#target {
border-left: solid;
border-top: solid;
will-change: transform;
animation-name: test;
animation-duration: 2e10s;
animation-delay: -1e10s;
animation-timing-function: linear;
width: 100px;
height: 100px;
margin: 50px;
}
</style>
The following shape should look like: _|
<div id="target"></div>