CSS animieter Alarm


      .warnsignal_bg {
        width: 100px;
        height: 100px;
        background-image: url("https://boolie.org/wp-content/uploads/2020/12/warnsignal.jpg");
        background-size: 100% 100%;
      }
      .warnsignal_animation {
        width: 39px;
        height: 28px;
        margin-top: -73px;
        margin-left: 32px;
        background: radial-gradient(closest-side, red, rgba(0,0,0,0%), rgba(0,0,0,0%));
        color: #fff;
        display: inline-block;
        background-size: 400% 400%;
        animation: TransitioningBackground 2s linear infinite;
        border-radius: 34%;
        float: left;
      }
      @keyframes TransitioningBackground {
        0% {
          background-position: -200% 50%;
        }
        100% {
          background-position: 200% 50%;
        }
      }
klimabewusste Website