vanhack

ha card mod animation for screen burn protection

Dec 28th, 2024 (edited)
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.10 KB | Source Code | 0 0
  1. - type: custom:stack-in-card
  2. card_mod:
  3. style: |
  4. ha-card {
  5. position: relative;
  6. animation-name: burnInPrevention;
  7. animation-duration: 210s;
  8. animation-iteration-count: infinite;
  9. animation-timing-function: ease-in-out;
  10. }
  11. @keyframes burnInPrevention {
  12. 0%, 90% {
  13. transform: translate(0, 0);
  14. opacity: 1;
  15. }
  16. 92% {
  17. transform: translate(20px, 15px);
  18. opacity: 0.7;
  19. }
  20. 94% {
  21. transform: translate(-20px, -15px);
  22. opacity: 0.4;
  23. }
  24. 96% {
  25. transform: translate(15px, -20px);
  26. opacity: 0.7;
  27. }
  28. 98% {
  29. transform: translate(-15px, 20px);
  30. opacity: 0.4;
  31. }
  32. 100% {
  33. transform: translate(0, 0);
  34. opacity: 1;
  35. }
  36. }
  37. cards:
Advertisement
Add Comment
Please, Sign In to add comment