Advertisement
fablav

Effetto neon agli angoli

Sep 23rd, 2024
163
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 1.57 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 3s infinite linear;
  14.       --neon-color: yellow;
  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% {
  25.         box-shadow:
  26.           3px -3px 10px var(--neon-color),
  27.           3px -3px 10px var(--neon-color),
  28.           6px -6px 15px var(--neon-color),
  29.           6px -6px 15px var(--neon-color);
  30.       }
  31.       50% {
  32.         box-shadow:
  33.           3px 3px 10px var(--neon-color),
  34.           3px 3px 10px var(--neon-color),
  35.           6px 6px 15px var(--neon-color),
  36.           6px 6px 15px var(--neon-color);
  37.       }
  38.       75% {
  39.         box-shadow:
  40.           -3px 3px 10px var(--neon-color),
  41.           -3px 3px 10px var(--neon-color),
  42.           -6px 6px 15px var(--neon-color),
  43.           -6px 6px 15px var(--neon-color);
  44.       }
  45.       100% {
  46.         box-shadow:
  47.           -3px -3px 10px var(--neon-color),
  48.           -3px -3px 10px var(--neon-color),
  49.           -6px -6px 15px var(--neon-color),
  50.           -6px -6px 15px var(--neon-color);
  51.       }
  52.     }
  53.  
Tags: ha
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement