Vertical Split Layout Text Effect

HTML
1
<h1 data-heading="Pick a Side">Pick a
    Side</h1>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
SCSS
1
2
html, body {
background: linear-gradient(to
        right, rgba(249,249,249,1) 0%
        ,rgba(255,255,255,1) 50%,rgba
        (0,0,0,1) 50%,rgba(0,0,0,1)
        100%);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login