CSS, SVG and HTML

I got inspired by a music video by one of my favorite rappers Riff Raff.

I decided to create the themes from the music video by just using SVG and CSS.

It was actually pretty straight forward and a good introduction to web design for me.

I used a custom SVG to create the background with a gradient. I then used a CSS grid for the header.

I created the message boxes using flex boxes. I then added an audio loop of the song.

I think I did the original music video justice. I really like the colors and themes in the music video and I think I will use them else where on my own website.

Leave a comment

Your email address will not be published. Required fields are marked *