Added optional 3D cursor

This commit is contained in:
ha7ilm 2017-04-19 20:12:18 +02:00
parent 5e3debcaa8
commit fc91dc9ea2
1 changed files with 12 additions and 0 deletions

View File

@ -848,10 +848,15 @@ img.openwebrx-mirror-img
#openwebrx-cursor-blink
{
animation: cursor-blink 1s infinite;
/*animation: cursor-3d 2s infinite;*/
animation-timing-function: linear;
animation-direction: alternate;
height: 1em;
width: 8px;
background-color: White;
display: inline-block;
/*perspective: 60px;*/
}
@keyframes cursor-blink
@ -861,4 +866,11 @@ img.openwebrx-mirror-img
100%{ opacity: 0; }
}
@keyframes cursor-3d
{
0%{ transform: rotateX(0deg) rotateX(Ydeg); }
50% { transform: rotateX(180deg) rotateY(360deg); opacity: 0.1; }
100%{ transform: rotateX(360deg) rotateY(720deg); }
}