If u guys are looking stuff like you want to gradient effect to a text or button .
then below is the simple code without much bugs.
<style>
h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.clr {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip:button;
-webkit-text-fill-color: transparent;
}
.clrtwist {
font-size: 72px;
background: -webkit-linear-gradient(#333,#eee );
-webkit-background-clip:button;
-webkit-text-fill-color: transparent;
}</style>
<h1>vijay negi and the gradient!</h1>
<input id="Button1" class="clr" type="button" value="button" />
<input id="Button2" class="clrtwist" type="button" value="button" />
below one is the output