CSS Gradients: Two CSS 2-color linear gradients – A CSS Demo

2 two-color gradients: full page and also within a central div element that has a box-shadow.

This is a simple linear gradient for the entire page and a separate gradient for the div element which includes this text. There is also a CSS box-shadow.

The full page gradient will adjust its range relative to the height of the browser window.

For further info: Using CSS gradients (provided by the Mozilla Developer Network)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem harum dolore suscipit amet in repudiandae tenetur unde quae cum quod, cumque. Officia, molestias?

Neque accusamus nisi maxime hic dolore, dolorem, labore quis optio officiis. Dolores, laborum amet similique nesciunt minima expedita placeat iure et saepe, dicta.

Quod sunt quas, quidem, veritatis atque earum distinctio eligendi odit ab consequatur fugit natus autem dolorem dolores qui cumque sint iusto voluptatum recusandae.