Advertisement
fablav

neon alto-sx basso-dx

Sep 23rd, 2024
350
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 1.14 KB | Software | 0 0
  1. card_mod:
  2.   style: |
  3.    ha-card {
  4.       border: 0px solid white;
  5.       background: rgba(255, 255, 255, 0);
  6.       padding: 0;
  7.       box-shadow:
  8.           -3px -3px 10px var(--neon-color),
  9.           -3px -3px 10px var(--neon-color),
  10.           -6px -6px 15px var(--neon-color),
  11.           -6px -6px 15px var(--neon-color);
  12.       position: relative;
  13.       animation: neon-animation 2s infinite linear;
  14.       --neon-color: green
  15.     }
  16.     @keyframes neon-animation {
  17.       0% {
  18.         box-shadow:
  19.           -3px -3px 10px var(--neon-color),
  20.           -3px -3px 10px var(--neon-color),
  21.           -6px -6px 15px var(--neon-color),
  22.           -6px -6px 15px var(--neon-color);
  23.       }
  24.  
  25.       50% {
  26.         box-shadow:
  27.           3px 3px 10px var(--neon-color),
  28.           3px 3px 10px var(--neon-color),
  29.           6px 6px 15px var(--neon-color),
  30.           6px 6px 15px var(--neon-color);
  31.       }
  32.  
  33.       100% {
  34.         box-shadow:
  35.           -3px -3px 10px var(--neon-color),
  36.           -3px -3px 10px var(--neon-color),
  37.           -6px -6px 15px var(--neon-color),
  38.           -6px -6px 15px var(--neon-color);
  39.       }
  40.     }
  41.  
Tags: ha
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement