Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Poga ar izslidošas virziena bultas efektu
Poga ar izslidošas virziena bultas efektu
Antikrists
Piektdiena, 07.04.2017, 6:38:53 | Ieraksts #1
FORUMA APSARGS
Foruma ieraksti: 602

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

Izvēlamies kuru pogu vajag un izvietojam viņu tev nepieciešamjā vietā.

Code
<button class="buttonuon yellow"><span>UWM</span><i class="ion-android-arrow-forward"></i></button>

<button class="buttonuon red"><span>UWM</span><i class="ion-android-arrow-forward"></i></button>

<button class="buttonuon blue"><span>UWM</span><i class="ion-android-arrow-forward"></i></button>

<button class="buttonuon"><span>UWM</span><i class="ion-android-arrow-forward"></i></button>

<style>@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);  
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);  
button.buttonuon {  
  font-family: 'Raleway', Arial, sans-serif;  
  border: none;  
  background-color: #000000;  
  border-radius: 5px;  
  color: #ffffff;  
  cursor: pointer;  
  padding: 10px 30px;  
  display: inline-block;  
  margin: 15px 30px;  
  text-transform: uppercase;  
  line-height: 1.5em;  
  font-weight: 400;  
  font-size: 1em;  
  outline: none;  
  position: relative;  
  -webkit-transition: all 0.3s;  
  transition: all 0.3s;  
}  

button.buttonuon span {  
  display: inline-block;  
  -webkit-transition: all 0.3s;  
  transition: all 0.3s;  
  opacity: 0.8;  
}  

button.buttonuon i {  
  font-size: 21px;  
  left: 22px;  
  position: absolute;  
  opacity: 0;  
  -webkit-transition: all 0.3s;  
  transition: all 0.3s;  
}  

button.buttonuon:hover span,  
button.buttonuon.hover span {  
  -webkit-transform: translate3d(10px, 0px, 0px);  
  transform: translate3d(10px, 0px, 0px);  
  opacity: 1;  
}  

button.buttonuon:hover i,  
button.buttonuon.hover i {  
  opacity: 0.8;  
}  

button.buttonuon:active span {  
  -webkit-transform: translate3d(14px, 0px, 0px);  
  transform: translate3d(14px, 0px, 0px);  
}  

button.buttonuon:active i {  
  left: 18px;  
}  

button.buttonuon.blue {  
  background-color: #20638f;  
}  

button.buttonuon.red {  
  background-color: #962d22;  
}  

button.buttonuon.yellow {  
  background-color: #b06f09;  
}

</style>


Iznākums

Pielikumi: 8229447.png(3.2 Kb)



.
.


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Poga ar izslidošas virziena bultas efektu
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...