diff --git a/guacamole/src/main/frontend/src/app/index/styles/animation.css b/guacamole/src/main/frontend/src/app/index/styles/animation.css index 8bab86fee..c2d48d5e6 100644 --- a/guacamole/src/main/frontend/src/app/index/styles/animation.css +++ b/guacamole/src/main/frontend/src/app/index/styles/animation.css @@ -48,3 +48,12 @@ from { opacity: 1; } 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); } +} diff --git a/guacamole/src/main/frontend/src/app/index/styles/other-connections.css b/guacamole/src/main/frontend/src/app/index/styles/other-connections.css index 36600992b..428d7852f 100644 --- a/guacamole/src/main/frontend/src/app/index/styles/other-connections.css +++ b/guacamole/src/main/frontend/src/app/index/styles/other-connections.css @@ -92,6 +92,7 @@ background: black; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); + animation: 0.1s linear 0s popin; opacity: 0.5; transition: opacity 0.25s;