style body background image url var images test512 png background size cover min height 300px style div style position absolute left 0px top 0px right 0px bottom 0px padding 0 margin 0 z index 20000 background image linear gradient to right black starts black rgba 0 0 0 0 8 30 turn to this at 50 transparent 70 turn to this at 70 transparent turn to this at 100 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style body background image url var images test512 png background size cover min height 300px style div style position absolute left 0px top 0px right 0px bottom 0px padding 0 margin 0 z index 20000 background image linear gradient 90deg black 10 40 transparent 90 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style body background image url var images test512 png background size cover min height 300px text align center font size 300 h1 font size 150 style div style position absolute left 0px top 0px right 0px bottom 0px padding 0 margin 0 z index 20000 background image linear gradient 90deg black 10 40 rgba 0 0 0 0 4 90 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style body background image url var images test512 png background size cover min height 300px text align center h1 font size 450 style div style position absolute left 0px top 0px right 0px bottom 0px padding 0 margin 0 z index 20000 background image linear gradient 90deg black 10 40 rgba 0 0 0 0 4 90 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style scroll container padding 40px color white overflow hidden font size 180 scroll text transform translateX 100 animation myscrollanimation 25s linear forwards 1 white space nowrap keyframes myscrollanimation from transform translateX 100 to transform translateX 200 style div id scroll container div id scroll text Oranges are truly an outstanding fruit They are very healthy cheap and tasty making them the ideal snack In most countries oranges are available all year round div div
om 0px padding 0 margin 0 z index 20000 background image linear gradient 90deg black 10 40 rgba 0 0 0 0 4 90 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style body background image url var images test512 png background size cover min height 300px text align center h1 font size 450 style div style position absolute left 0px top 0px right 0px bottom 0px padding 0 margin 0 z index 20000 background image linear gradient 90deg black 10 40 rgba 0 0 0 0 4 90 div h1 style color orange Do you like Oranges h1 span style color white Do you really span style scroll container padding 40px color white overflow hidden font size 180 scroll text transform translateX 100 animation myscrollanimation 25s linear forwards 1 white space nowrap keyframes myscrollanimation from transform translateX 100 to transform translateX 200 style div id scroll container div id scroll text Oranges are truly an outstanding fruit They are very healthy cheap and tasty making them the ideal snack In most countries oranges are available all year round div div