summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'src/battlemap/www/style.css')
-rw-r--r--src/battlemap/www/style.css24
1 files changed, 19 insertions, 5 deletions
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 3795425..cc05378 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -498,9 +498,10 @@
.battlemap-character-icon-enabled
{
- animation-name: flickering-opacity;
- animation-duration: 2s;
+ animation-name: pulsating;
+ animation-duration: 1.5s;
animation-iteration-count: infinite;
+ transform-origin: center;
}
.battlemap-character-icon-head { z-index: 1; }
@@ -676,6 +677,20 @@
100% { opacity: 1.0; }
}
+@keyframes pulsating {
+ 0% { opacity: 1.0; transform: scale(1);}
+ 25% { opacity: 1.0; transform: scale(1);}
+ 30% { opacity: 0.8; transform: scale(1.1);}
+ 50% { opacity: 1.0; transform: scale(1);}
+ 100% { opacity: 1.0; transform: scale(1);}
+}
+
+@keyframes strongly-pulsating {
+ 0% { opacity: 1.0; transform: scale(1);}
+ 50% { opacity: 0.8; transform: scale(1.5);}
+ 100% { opacity: 1.0; transform: scale(1);}
+}
+
@keyframes brown-alarm-bg {
0% {background-color: #917C6F;}
25% {background-color: #AC9D93}
@@ -706,9 +721,8 @@
.battlemap-character-selected
{
- background-color: rgba(0,0,255,0.7);
- animation-name: blue-alarm-bg;
- animation-duration: 5s;
+ animation-name: strongly-pulsating;
+ animation-duration: 1.5s;
animation-iteration-count: infinite;
}