შემოგვიერთდით FACEBOOK ზე

გადმოწერის ღილაკები ლამაზი ეფექტებით სკრიპტები - ვებ მასტერებისთვის - free program,antivirus,for ucoz, template,desing,style,css, - only123.my1.ru

2024-11-14 19:13:06
გადმოწერის ღილაკები ლამაზი ეფექტებით

+A შრიფტის გადიდება | -A შრიფტის დაპატარავება

Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS Данный контент платный. Для просмотра его необходимо оплатить с помощью SMS

html
Code
<a href="http://only123.my1.ru/" target="_blank" class="a-btn">  
<span class="a-btn-text">თამაშები</span>  
<span class="a-btn-slide-text">only123.my1.ru</span>  
<span class="a-btn-icon-right"><span></span></span>  
</a>


css

Code
.a-btn{  
  background:#80a9da;  
  background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));  
  background:-webkit-linear-gradient(top, #87cef8 0%, #47a3da 100 <img src="/.s/sm/1/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ;  
  background:-moz-linear-gradient(top, #87cef8 0%, #47a3da 100 <img src="/.s/sm/1/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ;  
  background:-o-linear-gradient(top, #87cef8 0%, #47a3da 100 <img src="/.s/sm/1/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ;  
  background:linear-gradient(top, #87cef8 0%, #47a3da 100 <img src="/.s/sm/1/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ;  
  filter <img src="/.s/sm/1/tongue.gif" border="0" align="absmiddle" alt="tongue" /> rogid <img src="/.s/sm/1/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> XImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );  
  padding-left:20px;  
  padding-right:80px;  
  height:38px;  
  display:inline-block;  
  position:relative;  
  border:1px solid #5d81ab;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
  float:left;  
  clear:both;  
  margin:5px 0px;  
  overflow:hidden;  
  -webkit-transition:all 0.3s linear;  
  -moz-transition:all 0.3s linear;  
  -o-transition:all 0.3s linear;  
  transition:all 0.3s linear;  
}  
.a-btn-text{  
  padding-top:5px;  
  display:block;  
  font-size:18px;  
  white-space:nowrap;  
  color:#fff;  
  -webkit-transition:all 0.2s linear;  
  -moz-transition:all 0.2s linear;  
  -o-transition:all 0.2s linear;  
  transition:all 0.2s linear;  
}  
.a-btn-slide-text {  
  position:absolute;  
  height:100%;  
  top:0px;  
  right:52px;  
  width:0px;  
  background:#63707e;  
  text-shadow:0px -1px 1px #363f49;  
  color:#fff;  
  font-size:18px;  
  white-space:nowrap;  
  text-transform:uppercase;  
  text-align:left;  
  text-indent:10px;  
  overflow:hidden;  
  line-height:38px;  
  -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;  
  -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;  
  box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;  
  -webkit-transition:width 0.3s linear;  
  -moz-transition:width 0.3s linear;  
  -o-transition:width 0.3s linear;  
  transition:width 0.3s linear;  
}  
.a-btn-icon-right {  
  position:absolute;  
  right:0px;  
  top:0px;  
  height:100%;  
  width:52px;  
  border-left:1px solid #5d81ab;  
  -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;  
  -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;  
  box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;  
}  
.a-btn-icon-right span {  
  width:38px;  
  height:38px;  
  opacity:0.7;  
  position:absolute;  
  left:50%;  
  top:50%;  
  margin:-20px 0px 0px -20px;  
  background:transparent url(../icon/arrow-right.png) no-repeat 50% 50%;  
  background-size:20px;  
  -webkit-transition:all 0.3s linear;  
  -moz-transition:all 0.3s linear;  
  -o-transition:all 0.3s linear;  
  transition:all 0.3s linear;  
}  
.a-btn:hover {  
  padding-right:180px;  
  -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);  
  -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);  
  box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);  
}  
.a-btn:hover .a-btn-text{  
  text-shadow:0px 1px 1px #5d81ab;  
  color:#fff;  
}  
.a-btn:hover .a-btn-slide-text{  
  width:100px;  
}  
.a-btn:hover .a-btn-icon-right span{  
  opacity:1;  
}  
.a-btn:active{  
  position:relative;  
  top:1px;  
  background:#5d81ab;  
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;  
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;  
  box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;  
  border-color:#80a9da;  
}


მასალის სახელიგადმოწერის ღილაკები ლამაზი ეფექტებით
ნახვები1107
ID181
რეიტინგი3.0/1
ლიცენზიაუფასო



სულ კომენტარები: 3
avatar
0
3 nikusha • 19:18:06, 2016-11-16
სხვა ეფექტებითაც დადეთ რა
avatar
2
1 slotgio • 19:10:25, 2016-11-16
კარგი სკრიპტია
avatar
1
2 ADMIN • 19:12:49, 2016-11-16
მადლობა
avatar

ინფორმაცია

მასალა ნანახია 1107
რეიტინგი 3.0
ავტორი ADMIN
მასალის ID 181
კატეგორია სკრიპტები
გამოქვეყნდა 2016-11-11/19:13:06





Follow Me



თქვენი ბანერის ადგილი


ავტორიზაცია


რეკომენდირებულია


სტატისტიკა

ყველა
მომხმარებლები
სტუმრები
სულ ონლაინში 14
სტუმრები 14
მომხმარებლები 0

კონტაქტი

Contact Us


Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
სულ ონლაინში 14
სტუმრები 14
მომხმარებლები 0


Индекс цитирования. Рейтинг@Mail.ru თავში დაბრუნება

Powered by ©w3.css