How to Soda Pop Gradient Colours with CSS3


Soda Pop or gradients that are diffused within a very small margin colourisation is the way to go, you can do multiple objects in the similar soda pop like the background of google in soda pop white gradients.

html  {
	background: -moz-linear-gradient(-45deg, rgba(112, 178, 96, 1.3137254901961) 127.49896551724%, rgba(121, 175, 105, 1.5526315789474) 73.9494%, rgba(130, 95, 104, 1.3829787234043) 21.341818181818%, rgba(114, 87, 134, 0.94117647058824) 64.369677419355%, rgba(117, 181, 99, 1.3617021276596) 66.02625%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(127.49896551724%, rgba(112, 178, 96, 1.3137254901961)), color-stop(73.9494%, rgba(121, 175, 105, 1.5526315789474)), color-stop(21.341818181818%, rgba(130, 95, 104, 1.3829787234043)), color-stop(64.369677419355%, rgba(114, 87, 134, 0.94117647058824)), color-stop(66.02625%, rgba(117, 181, 99, 1.3617021276596))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(112, 178, 96, 1.3137254901961) 127.49896551724%, rgba(121, 175, 105, 1.5526315789474) 73.9494%, rgba(130, 95, 104, 1.3829787234043) 21.341818181818%, rgba(114, 87, 134, 0.94117647058824) 64.369677419355%, rgba(117, 181, 99, 1.3617021276596) 66.02625%) !important;  /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(112, 178, 96, 1.3137254901961) 127.49896551724%, rgba(121, 175, 105, 1.5526315789474) 73.9494%, rgba(130, 95, 104, 1.3829787234043) 21.341818181818%, rgba(114, 87, 134, 0.94117647058824) 64.369677419355%, rgba(117, 181, 99, 1.3617021276596) 66.02625%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(112, 178, 96, 1.3137254901961) 127.49896551724%, rgba(121, 175, 105, 1.5526315789474) 73.9494%, rgba(130, 95, 104, 1.3829787234043) 21.341818181818%, rgba(114, 87, 134, 0.94117647058824) 64.369677419355%, rgba(117, 181, 99, 1.3617021276596) 66.02625%) !important; /* IE10+ */
	background: linear-gradient(135deg, rgba(112, 178, 96, 1.3137254901961) 127.49896551724%, rgba(121, 175, 105, 1.5526315789474) 73.9494%, rgba(130, 95, 104, 1.3829787234043) 21.341818181818%, rgba(114, 87, 134, 0.94117647058824) 64.369677419355%, rgba(117, 181, 99, 1.3617021276596) 66.02625%) !important; /* W3C */
}

This is an example of soda pop background in CSS, I have a feed you can use securely to get soda pop from a typical ranges for soda pop white is 253-355, 252-255, 251-254 and this colour ranges for red, green and blue.

You will be able to use this feed https://css.ringwould.com.au/3/gradientee and provide it with a style sheet HTML Element to apply.

Advertisements