mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-07 05:31:22 +00:00
GUACAMOLE-724: Display nifty "pop" animation when a new client appears within the client panel.
This commit is contained in:
@@ -48,3 +48,12 @@
|
|||||||
from { opacity: 1; }
|
from { opacity: 1; }
|
||||||
to { opacity: 0; }
|
to { opacity: 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* popin: Increase in size and opacity from invisibly tiny and transparent to
|
||||||
|
* full size and opaque.
|
||||||
|
*/
|
||||||
|
@keyframes popin {
|
||||||
|
from { transform: scale(0); opacity: 0; }
|
||||||
|
to { transform: scale(1); }
|
||||||
|
}
|
||||||
|
@@ -92,6 +92,7 @@
|
|||||||
background: black;
|
background: black;
|
||||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
|
||||||
|
|
||||||
|
animation: 0.1s linear 0s popin;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
transition: opacity 0.25s;
|
transition: opacity 0.25s;
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user