Wednesday, February 13, 2019

linear-gradient CSS


This page shows how Linear-Gradient is used.
There are several different ways of applying this background scheme.
BUT, we're gonna focus on OUR favorite way of doing it.
and, the colors can be altered to any liking imaginable.
Basically, we're treating this like a web-page.
and our goal is to create a gradual darkening or lightening of the entire page
as it scrolls downward.
As we've already stated; there are several ways of doing this.
and there are several different effects (such as scrolling sideways, and at 90-degree angles.

However, we're looking for a mild effect for print media. Nothing too extreme.
NOTE: This page is still under construction.

- - - - - - - - - example 1 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 2 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 3 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 4 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 5 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 6 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 7 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 8 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 9 - - - - - - - - - - - - - - -



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - example 10 - - - - - - - - - - - - - - -




No comments: