Twitter Style Blue Button hover


Twitter does not have anyone to use the site. Face Book – is next to the Twitter community website. In the United States of America can not run without the Twitter website as saying so that Twitter has become their life. Celebrities on Twitter is often higher than the Face book. Pop singers and politicians, religious leaders are up to on Twitter. Especially if one is Twit can do with 140 characters. Twitter Users will see the purple button. Buttons how that was created. Let’s see how it could be made on the Post.

.btn {

position: relative;

display: inline-block;

overflow: visible;

padding: 5px 10px;

font-size: 18px;

font-weight: bold;

line-height: 18px;

color: #333;

text-shadow: 0 1px 0 rgba(255, 255, 255, .5);

background-color: #CCC;

background-repeat: no-repeat;

border: 1px solid #CCC;

cursor: pointer;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);

-moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);

box-shadow: 0 1px 0 rgba(255, 255, 255, .5);

text-decoration: none !important;

margin-top:15px;

margin-left:5px;

}

.tgtwit-btn {

color: white !important;

text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);

background-color: #019AD2;

background-repeat: repeat-x;

background-image: -khtml-gradient(linear,left top,left bottom,from(#33BCEF),to(#019AD2));

background-image: -moz-linear-gradient(#33BCEF,#019AD2);

background-image: -ms-linear-gradient(#33BCEF,#019AD2);

background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33BCEF),color-stop(100%,#019AD2));

background-image: -webkit-linear-gradient(#33BCEF,#019AD2);

background-image: -o-linear-gradient(#33BCEF,#019AD2);

background-image: linear-gradient(#33BCEF,#019AD2);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);

border-color: #057ED0 !important;

-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);

box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

}

.tgtwit-btn:hover {

color: white !important;

background-color: #0271BF;

background-repeat: repeat-x;

background-image: -khtml-gradient(linear,left top,left bottom,from(#2DADDC),to(#0271BF));

background-image: -moz-linear-gradient(#2DADDC,#0271BF);

background-image: -ms-linear-gradient(#2DADDC,#0271BF);

background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2DADDC),color-stop(100%,#0271BF));

background-image: -webkit-linear-gradient(#2DADDC,#0271BF);

background-image: -o-linear-gradient(#2DADDC,#0271BF);

background-image: linear-gradient(#2DADDC,#0271BF);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2daddc',endColorstr='#0271bf',GradientType=0);

border-color: #096EB3 !important;

}

HTML Code:

<a class="btn tgtwit-btn" href="http://tutorialspots.com/">Use via text message</a>

DEMO: http://demo.tutorialspots.com/css/twitter-style-blue-button-hover.htm

Recent search terms:

  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1831 4sNxm17iZOZL4_gxfgiU5NRz7570ke42Njtb5nNHlVkYj0G1-IA1gBIYPBOVw-D9 f36f0635135e7a8975824957740a6043a23e2ef6&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1834 8Hw_JsQBdNiU_B9_YZCEqf3W8H7B_RFEHXhENlMp7KiYaniKXSmyQ3VkZcakbXt2 c3f2dd0285b745ef477fbe0d59b239ab361b61f4&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1835 gIIBZ9ios745YK2HBKzXaahqPh2AULOE9JZxkrHC8bFo_117gYyILR-KLDy5OJbN 63f4fb9d9fd6084fa073930211834727790e1382&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1836 onNHTvsyafk9DCroE5hmculeLOpgN46XpQpaJP-F4FpoOAPynO4PcaPvDtKgnlnx 575348cf85b53b6d8f9625a8bcd08453bd83779c&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1837 -HlQegPyp77VFgFCaEx_TWvltq93kD4z-DYSP-Y48c7_qmHEeAK7lzYk0bTTPC1u 6ae980ae5fe0bae6107fd66864f5248b22054f20&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1837 ZLzunjzUtetjm7dz_XRE9Di2y_dwyZwGfjHRl1mSsAzPtXBUX9ssVj0u6ySf0INw 9a53e681e2553976c9c2cb1cf49f4a9fdf11490d&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme
  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1839 WbH0FlteT7IJEg8CrdNZdsE7gbi9wFnD4xu_cVny3gLWKekzbFEtm3aKfIOkXmtu 8b0d28293db79cfad13445a559b72d5d8e068581&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

Leave a Reply