red, blue & green) and setting it as the background image.īackground-image: radial-gradient(red, blue, green) Here we are creating a radial-gradient using three colors(i.e. red & yellow) and setting it as the background image.īackground-image: radial-gradient(green, red) Here we are creating a radial-gradient using two colors(i.e. In this example, we are repeating the linear gradient using repeating-linear-gradient() functions and setting it as the background image.īackground-image: repeating-linear-gradient(red, blue 20%, green 30%) red, blue & green) and setting it as the background image.īackground-image: linear-gradient(red, blue, green) Here we are creating a linear-gradient using three colors(i.e. red & yellow) and setting it as the background image.īackground-image: linear-gradient(red, yellow) Here we are creating a linear-gradient using two colors(i.e. We are targeting the bg-image class to apply the background properties to the webpage.įont-family: Arial, Helvetica, sans-serif In this example, we are creating bg-image with various background properties such as image, color, position & repeat. We are using background-repeat to do so.īackground-image: url("bg2.jpg"), url("bg3.png") Here we are trying to add couple of background images wherein the first image will appear only one time and the second image will be repeated. Now let’s execute some of the examples to understand how to use CSS property values. inherit: Inherits this property from its parent element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |