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