Blinking styles modified.

6ef12b2c637bdf9d4b047e89941027566ec1afd6 · Pavel Safronov · 2022-03-05 00:51:03 -0800 · parents 3a5743dcf1ac

Blinking styles modified.

 public/styles.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 76c2ca8..cb59d42 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -41,10 +41,12 @@ div {
     font-size: 40px;
 }
 
+/* tile */
 td {
     width: var(--cell-size);
     height: var(--cell-size);
     text-align: center;
+    border: 2px transparent solid;
 }
 
 .controls {
@@ -143,12 +145,14 @@ td {
     font-size: 20px;
 }
 
-.blinking {
-    animation: blinkingText 1.5s infinite;
+.possible-move {
+    animation: blinkingText 1s infinite;
+    border-color: black;
+    filter: drop-shadow(0px 0px 5px black);
 }
 @keyframes blinkingText {
     0%{opacity: 1;}
-    50%{opacity: .3;}
+    50%{opacity: .6;}
     100%{opacity: 1;}
 }