Today many websites that have used a color gradient in the manufacture of its website. This gradient digukan to beautify the look of the website or blog that he made. There are many ways to display the gradient on the website or blog, can use the image gradient, can also use the css code. But not all browsers support this with css code. okay I'll give two color gradient css code.
background: # d2ff52; / * Old browsers * /
background:-moz-linear-gradient (top, # d2ff52 0%, # 91e842 100%); / * FF3.6 + * /
background:-webkit-gradient (linear, left top, left bottom, color-stop (0%, # d2ff52), color-stop (100%, # 91e842)) / * Chrome, Safari4 + * /
background:-webkit-linear-gradient (top, # d2ff52 0%, # 91e842 100%); / * + Chrome10, Safari5.1 + * /
background:-o-linear-gradient (top, # d2ff52 0%, # 91e842 100%); / * Opera 11:10 + * /
background:-ms-linear-gradient (top, # d2ff52 0%, # 91e842 100%); / * IE10 + * /
background: linear-gradient (top, # d2ff52 0%, # 91e842 100%); / * W3C * /
filter: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# d2ff52', endColorstr = '# 91e842', GradientType = 0) / * IE6-9 * /
CSS above example code for green gradient. You can vary the longer. For an explanation of the codes above, I'll explain it briefly. For the top means the code starting from the top with the color # d2ff52 and ends at the bottom with the color # 91e842.
For more detail and it is clear wait for the next article which explains the above CSS code. and an easy way in making the code.
0 komentar:
Post a Comment