Marquee 3th alternative CSS

<html>
<head>
    <meta charset="UTF-8">
    <title>Marquee</title>
</head>
<style>
    .container{
        border: green 1px solid;
        width: 100%;
        overflow: hidden;
    }
    .marquee{
        position: relative;
        animation: marquee 5s infinite;
    }
    @keyframes marquee{
        0% {left: 0;}
        100% {left: 100%;}
    }
</style>
<body>
    <div class="container">
        <div class="marquee">
            Hello Programmers - Xyfful
        </div>
    </div>
</body>
</html>