Advertisement
fablav

Effetto neon pulse

Sep 23rd, 2024
266
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 1.09 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.         0px 0px 5px var(--neon-color),
  9.         0px 0px 5px var(--neon-color),
  10.         0px 0px 10px var(--neon-color),
  11.         0px 0px 10px var(--neon-color);
  12.       position: relative;
  13.       animation: neon-animation 2s infinite linear;
  14.       --neon-color: red;
  15.     }
  16.     @keyframes neon-animation {
  17.       0% {
  18.         box-shadow:
  19.         0px 0px 5px var(--neon-color),
  20.         0px 0px 5px var(--neon-color),
  21.         0px 0px 10px var(--neon-color),
  22.         0px 0px 10px var(--neon-color);
  23.       }
  24.  
  25.       30% {
  26.         box-shadow:
  27.           0px 0px 20px var(--neon-color),
  28.           0px 0px 20px var(--neon-color),
  29.           0px 0px 25px var(--neon-color),
  30.           0px 0px 25px var(--neon-color);
  31.       }
  32.  
  33.       100% {
  34.         box-shadow:
  35.         0px 0px 5px var(--neon-color),
  36.         0px 0px 5px var(--neon-color),
  37.         0px 0px 10px var(--neon-color),
  38.         0px 0px 10px var(--neon-color);
  39.       }
  40.     }
  41.  
Tags: ha
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement