Day # 51: Crime scene

I was recently watching a police show on TV and I saw this scene in which one of the detectives rolls over a tape to cover the crime scene, so I thought I could give it a try to achieve that effect using CSS. 

First of all, you need to create several div’s with the Crime Scene words: 

        <div>

          Crime <span>Scene - </span>Crime

          <span> Scene - </span> Crime <span>Scene - </span>Crime

          <span> Scene - </span>

        </div>

Then, you need to create the animations that make those texts rotate and go on top of each other: 

section .scroll.text1 {

  transform: rotate(30deg) translateY(200px) translateX(-200px);

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

}