red linear gradient code example

Example 1: linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Example 2: website gradient

Here a codePen with cool gradient animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM

Example 3: uigradients

background: #0f2027; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0f2027, #203a43, #2c5364); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Example 4: ui gradient

background: #000428; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #000428, #004e92); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #000428, #004e92); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Tags:

Html Example

Related