CSS Record Player (play on click/ control the volume of the audio)

Hello!

To learn how to create the CSS Record Player (play on click/ control the volume of the audio) go to lenadesign.org and watch the video tutorial.

*click on headshell to play the audio.
* use the volume slider to control the volume.
*tested in the Firefox browser.

audio source: (free music) youtube audio library – Sunshine (by Telecasted).

Check also my Codepen:

See the Pen CSS Record Player (play on click/ set the volume of audio) by Lena Stanley (@lenasta92579651) on CodePen.

Hey, here's something that might interest you:

CSS Music Box (play/ pause audio on click)
Heads or Tails?
HTML & CSS Birthday Card