Flicker->blinking, basic tile costs.

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;
 }