THT DUYURU

chat
ugursuz reklam
takipci
Seçenekler

MyBB | Linklere Efekt Vermek - Bazılarına İnat

S4cuRiTy EneMy - ait Kullanıcı Resmi (Avatar)
Hesap Askıya Alındı
Üyelik tarihi:
04/2012
Yaş:
25
Mesajlar:
8.773
Konular:
1513
Teşekkür (Etti):
964
Teşekkür (Aldı):
3089
Ticaret:
(0) %
0
1858
16-04-2014 13:57
#1
Merhaba arkadaşlar, geçen gün mybb.biz'in yöneticileri ile aramizda bi tartişma oldu resmen yaptikları herşeyi kendileri yapmiş gibi gösteriyor ve aslında yaptıgı herşey alıntı bende bugün sizlere linklere nasil efekt verebilecegimizi göstericem.

Video ;

https://vimeo.com/92127792

Video'da Kullanilan Link.css ;

Alıntı:
.trow1 a::before,
.trow1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}

.trow1 a::before {
margin-right: 5px;
content: '◢';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}

.trow1 a::after {
margin-left: 5px;
content: '◢';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}

.trow1 a:hover::before,
.trow1 a:hover::after,
.trow1 a:focus::before,
.trow1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.trow2 a::before,
.trow2 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}

.trow2 a::before {
margin-right: 10px;
content: '◤';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}

.trow2 a::after {
margin-left: 10px;
content: '◢';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}

.trow2 a:hover::before,
.trow2 a:hover::after,
.trow2 a:focus::before,
.trow2 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

Efekt oluşturabileceginiz site

Önemli : İyiki 2-3 efekt uygulamişlar onlara kalsa mybb'i kendileri kodladı

reklam yasak babacanım

Konu Köstebek-02 tarafından (16-04-2014 19:56 Saat 19:56 ) değiştirilmiştir.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler