Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Oldukca Şık Tasarlanmış Css Butonlar
#1
www.deccal.org

Html:
PHP Kod:
<div class="wrap"><class="plain">plain</a><class="jane">jane</a><class="send">send</a><class="compose">compose</a><br/><class="apps">apps</a><class="games">games</a><class="books">books</a><class="collections">collections</a><br/><class="fashion">fashion</a><class="style">style</a><class="blog">mnml</a><class="readmore">read more</a><br/><class="apple">apple</a><class="bigblue">bigblue</a><class="ibm">ibm</a><class="macintosh">macintosh</a><br/><class="subtle">subtle</a><class="simple">simple</a><class="minimal">minimal</a><class="awesome">awesome</a><br/></div

Css:
PHP Kod:
.subtle:active, .simple:active, .minimal:active, .awesome:active, .wrap, .apps:active, .games:active, .books:active, .collections:active {
  
box-shadowinset 1px 1px 1px rgba(0000.5), inset -1px -1px 1px rgba(1001001000.1);
}

.
plain, .jane, .send, .compose, .subtle, .simple, .minimal, .awesome {
  
border-top1px solid rgba(2502502500.05);
  
border-left1px solid rgba(2502502500.05);
  
border-bottom1px solid rgba(0000.2);
  
border-right1px solid rgba(0000.2);
}

.
subtle:hover, .simple:hover, .minimal:hover, .awesome:hover, .subtle:active, .simple:active, .minimal:active, .awesome:active {
  
border-bottom1px solid rgba(2502502500.05);
  
border-righ1px solid rgba(2502502500.05);
  
border-top1px solid rgba(0000.2);
  
border-left1px solid rgba(0000.2);
}

.
apps:before, .apps:after, .games:before, .games:after, .books:before, .books:after, .collections:before, .collections:after {
  
content"";
  
displayblock;
  
positionabsolute;
  
top0;
  
right0;
}

* {
  -
webkit-box-sizingborder-box;
  -
moz-box-sizingborder-box;
  
box-sizingborder-box;
}

html {
  
background#272727;
}

.
wrap {
  
padding18px;
  
margin18px auto;
  
max-width600px;
  
text-aligncenter;
  
backgroundrgba(2502502500.015);
}

.
plain {
  
background#ffcb00;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
jane {
  
background#0074d9;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
send {
  
background#d24634;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
compose {
  
background#2ecc40;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
subtle {
  
backgroundtransparent;
  
color#888888;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
simple {
  
backgroundtransparent;
  
color#888888;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
minimal {
  
backgroundtransparent;
  
color#888888;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
awesome {
  
backgroundtransparent;
  
color#888888;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
}

.
apps {
  
background#b3c833;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
padding-right35px;
}
.
apps:before {
  
border-right32px solid #f7f7f7;
  
border-bottom32px solid transparent;
  
opacity0.25;
}
.
apps:after {
  
border-right32px solid #222222;
  
border-top32px solid transparent;
  
opacity0.3;
}
.
apps:hover {
  
background#a4b82f;
}
.
apps:active {
  
background#9db02d;
  
bordernone;
}

.
games {
  
background#11b1ff;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
padding-right35px;
}
.
games:before {
  
border-right32px solid #f7f7f7;
  
border-bottom32px solid transparent;
  
opacity0.25;
}
.
games:after {
  
border-right32px solid #222222;
  
border-top32px solid transparent;
  
opacity0.3;
}
.
games:hover {
  
background#00a9fc;
}
.
games:active {
  
background#00a2f1;
  
bordernone;
}

.
books {
  
background#ff851b;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
padding-right35px;
}
.
books:before {
  
border-right32px solid #f7f7f7;
  
border-bottom32px solid transparent;
  
opacity0.25;
}
.
books:after {
  
border-right32px solid #222222;
  
border-top32px solid transparent;
  
opacity0.3;
}
.
books:hover {
  
background#ff7a07;
}
.
books:active {
  
background#fb7500;
  
bordernone;
}

.
collections {
  
background#ff4136;
  
colorwhite;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
padding-right35px;
}
.
collections:before {
  
border-right32px solid #f7f7f7;
  
border-bottom32px solid transparent;
  
opacity0.25;
}
.
collections:after {
  
border-right32px solid #222222;
  
border-top32px solid transparent;
  
opacity0.3;
}
.
collections:hover {
  
background#ff2e22;
}
.
collections:active {
  
background#ff2417;
  
bordernone;
}

.
fashion,
.
style,
.
blog,
.
readmore {
  
backgroundtransparent;
  
color#666666;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
border2px solid;
  
line-height30px;
}
.
fashion:hover, .fashion:active,
.
style:hover,
.
style:active,
.
blog:hover,
.
blog:active,
.
readmore:hover,
.
readmore:active {
  
color#737373;
}

.
apple {
  
backgroundtransparent;
  
color#ff4136;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
border1px solid;
  
line-height31px;
}
.
apple:hover, .apple:active {
  
color#ff5950;
}

.
bigblue {
  
backgroundtransparent;
  
color#ff851b;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
border1px solid;
  
line-height31px;
}
.
bigblue:hover, .bigblue:active {
  
color#ff9335;
}

.
ibm {
  
backgroundtransparent;
  
color#11b1ff;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
border1px solid;
  
line-height31px;
}
.
ibm:hover, .ibm:active {
  
color#2bb9ff;
}

.
macintosh {
  
backgroundtransparent;
  
color#b3c833;
  
cursorpointer;
  
displayinline-block;
  
positionrelative;
  
font-size16px;
  
font-weight100;
  
line-height32px;
  
height32px;
  
margin4px;
  
padding0px 16px;
  
text-transformuppercase;
  
text-decorationnone;
  
border1px solid;
  
line-height31px;
}
.
macintosh:hover, .macintosh:active {
  
color#bcd045;

İnsɑnlɑr değişmez değişen tek şey şɑrtlɑr ve çıkɑrlɑr...
Beğenenler:
#2
Ellerine sağlık abicim exciting
En büyük acizlik,kendinden başkası gibi görünmektir.
Beğenenler:
#3
Eline Sağlık abi exciting
Beğenenler:
#4
Baskan Eline Saglık Camıden Mı Paylasıyon La İmamın Odasınımı Hackledın kiss
Beğenenler:
#5
eline saglık cok güzel olmus exciting 4. sıradaki cok güzel bizim forma uyguluyabilirsin
Beğenenler:
#6
Süperler exciting
Beğenenler:
#7
güzel buttonlar eline saglık gökhan.
Beğenenler:

Anahtar Kelimeler

Oldukca Şık Tasarlanmış Css Butonlar indir, Oldukca Şık Tasarlanmış Css Butonlar Videosu, Oldukca Şık Tasarlanmış Css Butonlar Online izle, Oldukca Şık Tasarlanmış Css Butonlar Bedava indir, Oldukca Şık Tasarlanmış Css Butonlar Yükle, Oldukca Şık Tasarlanmış Css Butonlar Hakkında, Oldukca Şık Tasarlanmış Css Butonlar Nedir, Oldukca Şık Tasarlanmış Css Butonlar Free indir, Oldukca Şık Tasarlanmış Css Butonlar Oyunu, Oldukca Şık Tasarlanmış Css Butonlar Download


1 Ziyaretçi