Grad3 簡単グラディエーションボタン自動生成サイト

Grad3で簡単にグラディエーションボタンが自動で作れるよ!

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0001), color-stop(1.00, #8f0202));
background: -webkit-linear-gradient(#ff0001, #8f0202);
background: -moz-linear-gradient(#ff0001, #8f0202);
background: -o-linear-gradient(#ff0001, #8f0202);
background: -ms-linear-gradient(#ff0001, #8f0202);
background: linear-gradient(#ff0001, #8f0202);

 

赤のボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #42ff39), color-stop(1.00, #00a12d));
background: -webkit-linear-gradient(#42ff39, #00a12d);
background: -moz-linear-gradient(#42ff39, #00a12d);
background: -o-linear-gradient(#42ff39, #00a12d);
background: -ms-linear-gradient(#42ff39, #00a12d);
background: linear-gradient(#42ff39, #00a12d);

 

緑のボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2476ff), color-stop(1.00, #001ca8));
background: -webkit-linear-gradient(#2476ff, #001ca8);
background: -moz-linear-gradient(#2476ff, #001ca8);
background: -o-linear-gradient(#2476ff, #001ca8);
background: -ms-linear-gradient(#2476ff, #001ca8);
background: linear-gradient(#2476ff, #001ca8);

 

青のボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2476ff), color-stop(1.00, #001ca8));
background: -webkit-linear-gradient(#2476ff, #001ca8);
background: -moz-linear-gradient(#2476ff, #001ca8);
background: -o-linear-gradient(#2476ff, #001ca8);
background: -ms-linear-gradient(#2476ff, #001ca8);
background: linear-gradient(#2476ff, #001ca8);

 

シアンのボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd63ff), color-stop(1.00, #f600fe));
background: -webkit-linear-gradient(#fd63ff, #f600fe);
background: -moz-linear-gradient(#fd63ff, #f600fe);
background: -o-linear-gradient(#fd63ff, #f600fe);
background: -ms-linear-gradient(#fd63ff, #f600fe);
background: linear-gradient(#fd63ff, #f600fe);

 

マゼンダのボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0), color-stop(1.00, #ff6d00));
background: -webkit-linear-gradient(#ff0, #ff6d00);
background: -moz-linear-gradient(#ff0, #ff6d00);
background: -o-linear-gradient(#ff0, #ff6d00);
background: -ms-linear-gradient(#ff0, #ff6d00);
background: linear-gradient(#ff0, #ff6d00);

 

イエローのボタン

 

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e9e9e9), color-stop(1.00, #ababab));
background: -webkit-linear-gradient(#e9e9e9, #ababab);
background: -moz-linear-gradient(#e9e9e9, #ababab);
background: -o-linear-gradient(#e9e9e9, #ababab);
background: -ms-linear-gradient(#e9e9e9, #ababab);
background: linear-gradient(#e9e9e9, #ababab);

 

モノトーンのボタン

 

 

 

 

page top