Playable CSS Grid Piano and Sheet Music

Made in CodePen using HTML, CSS, JavaScript, and jQuery.

Sheet music may render incorrectly in browsers other than Chrome.

Please choose the “0.5x” size option at the bottom of the CodePen window in order to easily view the entire project, or go directly to the pen here.

See the Pen Sheet Music and Playable Piano by Katie Jostes (@kjostes_elon) on CodePen.