Quench Your Pop Culture Thirst! Sorting High School Musical Characters Into Hogwarts Houses

Martha Cox: Ravenclaw

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Zeke Baylor: Hufflepuff

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Coach Bolton: Gryffindor

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Taylor McKessie: Slytherin

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

Ryan Evans: Hufflepuff

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST

To see the full list of HSM characters, click the link below!

Quench Your Pop Culture Thirst! » { "selector": "[data-custom-animation-id=\"fly-in-left-0-1.4\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1.4s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-left-0.9-0.65\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0.9s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.9s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } SEE THE FULL LIST