Simpel corner to coner animation

css.css

.holder {
    position: absolute;
    left: 0;
    top: 0;
    background: red;
    white-space: nowrap;
    -webkit-animation: frames 30s linear;
}

@-webkit-keyframes frames {
    0%   {
        left: 0;
        top: 0;
    }
    25%  {
        left: 100%;
        top: 0;
    }
    50%  {
        left: 100%;
        top: 100%
    }
    75%  {
        left: 0;
        top: 100%
    }
    100% {
        left: 0;
        top: 0;
    }
}

html.html

<div class="holder">
  <span>Message</span>
</div>