Added optional 3D cursor

This commit is contained in:
ha7ilm 2017-04-19 20:12:18 +02:00
parent 5e3debcaa8
commit fc91dc9ea2

View File

@ -848,10 +848,15 @@ img.openwebrx-mirror-img
#openwebrx-cursor-blink #openwebrx-cursor-blink
{ {
animation: cursor-blink 1s infinite; animation: cursor-blink 1s infinite;
/*animation: cursor-3d 2s infinite;*/
animation-timing-function: linear;
animation-direction: alternate;
height: 1em; height: 1em;
width: 8px; width: 8px;
background-color: White; background-color: White;
display: inline-block; display: inline-block;
/*perspective: 60px;*/
} }
@keyframes cursor-blink @keyframes cursor-blink
@ -861,4 +866,11 @@ img.openwebrx-mirror-img
100%{ opacity: 0; } 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); }
}