Html header background gradient s
Actually, in FF this is working but the two colors #D3D, #3d are quite similar that at a first glance the gradient isn't really recognizable.. I changed the colors to background-image: moz-linear-gradient(top, blue, yellow); and it gets more obvious. background: linear-gradient(55deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 85%); Try it Yourself» Tip: To learn more about gradient backgrounds, go to our CSS Gradients Tutorial. Using Transparency. CSS gradients also support transparency, which can be used to create fading effects. To add transparency, we use the rgba() function to define the color stops. The last parameter in the rgba() function can be a value from 0 to 1, and it defines the transparency of the color: 0 .