Added optional 3D cursor
This commit is contained in:
parent
5e3debcaa8
commit
fc91dc9ea2
@ -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); }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user