CSS3 Gradient Generator

Using gradient color can be cool and be completed with css style. Making a gradient color in css can be completed as following:

[sourcecode language=”css”]
<script type="text/css">
.txt {
background-image: linear-gradient(bottom, rgb(132,170,193) 15%, rgb(159,204,232) 58%, rgb(191,245,255) 79%);
background-image: -o-linear-gradient(bottom, rgb(132,170,193) 15%, rgb(159,204,232) 58%, rgb(191,245,255) 79%);
background-image: -moz-linear-gradient(bottom, rgb(132,170,193) 15%, rgb(159,204,232) 58%, rgb(191,245,255) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(132,170,193) 15%, rgb(159,204,232) 58%, rgb(191,245,255) 79%);
background-image: -ms-linear-gradient(bottom, rgb(132,170,193) 15%, rgb(159,204,232) 58%, rgb(191,245,255) 79%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.15, rgb(132,170,193)),
color-stop(0.58, rgb(159,204,232)),
color-stop(0.79, rgb(191,245,255))
);
</script>
[/sourcecode]

Now add it in a dev or alike

[sourcecode language=”html”]
<div class="txt">
<a href="news.html">News</a>
</div>
[/sourcecode]

There is some easy way to help you generate CSS3 Gradient Generator.

Tagged with: , , ,