Can someone replicate this exact animation that is on this website?

[htmlcssjavascript28]

The lines that streak across the screen.

Podcast Charts

Can someone share with me the exact code?

or maybe place it in a jsfiddle?

JSFiddle - Code Playground

 

[tomliv]

.wrapper{
            border: 1px solid #000;
            position: relative;
            width: 800px;
            height: 600px;
            overflow: hidden;
        }
        .item{
            position: absolute;
            background-color: red;
            width: 200%;
            height: 100px;
            transform: rotate(45deg) translate(-150px, -150px);
            left: -70%;
            animation-name: diagonal;
            animation-direction: alternate;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: ease;
        }
        @keyframes diagonal {
            0% {
                transform: rotate(45deg) translate(-650px, -150px);
            }
            25%{
                transform: rotate(45deg) translate(0, -150);
            }
            75%{
                transform: rotate(45deg) translate(0, -150);
            }
            100% {
                transform: rotate(45deg) translate(150px, -150px);
            }
        }
       
<div class="wrapper">
<div class="item"></div>
</div>

A small sample.

 

[htmlcssjavascript28]

Why can’t the code be copied verbatim, as is?

Is there a reason for that?

 

[tomliv]

Why can’t the code be copied verbatim, as is?

Is there a reason for that?

I assume you mean the Spotify code.

I have a feeling that the animation is coming from a different source such as a script, in which case you'd need to parse through a lot of js (i assume) to find the relevant parts. I am not saying the code I did is from the sample page. I just researched a diagonal animation and modified what I found to get close to the effect.