Advertisement
ZAILBRECK

RGB.css

Jan 28th, 2020
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.69 KB | None | 0 0
  1. .block {
  2.     position: relative;
  3.     /* margin: 300px auto 0;
  4.     width: 500px;
  5.     height: 250px; */
  6.     border-radius: 20px;
  7. }
  8.  
  9. .block:before, .block:after {
  10.     border-radius: 10px;
  11.     content: '';
  12.     position: absolute;
  13.     left: -2px;
  14.     top: -2px;
  15.     background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094,
  16.         #0000ff, #00ff00,#ffff00, #ff0000);
  17.     background-size: 400%;
  18.     width: calc(100% + 4px);
  19.     height: calc(100% + 4px);
  20.     z-index: -1;
  21.     animation: steam 20s linear infinite;
  22. }
  23.  
  24. @keyframes steam {
  25.     0% {
  26.         background-position: 0 0;
  27.     }
  28.     50% {
  29.         background-position: 400% 0;
  30.     }
  31.     100% {
  32.         background-position: 0 0;
  33.     }
  34. }
  35.  
  36. .block:after {
  37.     filter: blur(50px);
  38. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement