Menu For Beqiutors

Selasa, 25 Desember 2012

Link Hover Mine Version

Faradina Fazira | 02.30 |
 Caranya Cari Coding a:hover lalu lihat dibawah code a:hover tu n hapus semua anak code a:hover tu dengan pilih salah satu ^^ kalo mau preview cobalah salah satu ;p males mau capt! n then siapa mau coba salah satu ni;) kalian harus backup template dulu okok!
Thanks To:



Link Hover Type One  : 

a:link,a:visited{
color:#000;
 border-bottom:2px solid #DBB8FF;
-webkit-transition: 0.4s;
 -moz-transition: 0.4s;
text-decoration:none;} 

a:hover{
border-bottom:20px solid transparent;
-webkit-transition: 0.4s;
 -moz-transition: 0.4s;}

Link Hover Type Two  :  

a:link,a:visited{ 
border-bottom:2px solid #DBB8FF;
color:pink;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-bottom:0px;} 

a:hover{ 
padding-bottom:12px;
border-bottom:20px solid transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}

Link Hover Type Three  : 

a:link,a:visited{ 
border-bottom:2px solid transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
padding-bottom:18px;} 

a:hover{ 
padding-bottom:2px;
border-bottom:2px solid #DBB8FF;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}

Link Hover Type Four  :  

a:link,a:visited{ 
border-bottom:2px solid #DBB8FF;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
padding-bottom:0px;} 

a:hover{ 
padding-bottom:18px;
border-bottom:2px solid transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}

Link Hover Type Five  : 

a:link,a:visited{ 
line-height: 0%;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;} 

a:hover{ 
background: #DBB8FF;
line-height: 20%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}





Link Hover Type Six  : 

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:overline;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:underline;}

Link Hover Type Seven  : 

a:link,a:visited{
text-decoration:none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
border-bottom:5px groove transparent;}

a:hover{
text-decoration:none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
border-bottom:5px groove #aaa;}

Link Hover Type Eight  : 

a:link,a:visited{
text-decoration:none;
border-bottom:1px dashed #000;
padding:2px;
color:pink;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
border-bottom:10px dashed transparent;}

Link Hover Type Nine  :  

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
color:pink;
border-bottom:1px dashed #000;
border-radius:10px;
padding:5px 10px 2px 10px;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
border-bottom:1px dotted #000;
padding:5px 10px 2px 10px;}

Link Hover Type Ten : 

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
color:pink;
background:transparent;
padding-top:8px;
padding-bottom:34px;}

a:hover{
text-decoration:none;
background:url(http://1.bp.blogspot.com/-htar_GuUrns/TnnJBIk9Q_I/AAAAAAAABo4/SyjesaWuutU/s1600/blueunderline.png) no-repeat right bottom;
padding-top:8px;
padding-bottom:1px;}

Link Hover Type Twelve  :  

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:url(http://media.tumblr.com/tumblr_lnvuybv4MQ1qepbs7.gif) no-repeat left top;
padding-left:20px;}

Link Hover Type Thirtin  :  

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
color:pink;
background:transparent;
padding-top:8px;
padding-bottom:12px;}

a:hover{
text-decoration:none;
background:url(http://1.bp.blogspot.com/-htar_GuUrns/TnnJBIk9Q_I/AAAAAAAABo4/SyjesaWuutU/s1600/blueunderline.png) repeat right top;
padding-top:8px;
padding-bottom:10px;}

Link Hover Type Forten  :  

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;
background:transparent;
padding-top:8px;
padding-bottom:12px;}

a:hover{
text-decoration:none;
background:url(http://1.bp.blogspot.com/-htar_GuUrns/TnnJBIk9Q_I/AAAAAAAABo4/SyjesaWuutU/s1600/blueunderline.png) repeat right bottom;
padding-top:8px;
padding-bottom:8px;}

Link Hover Type Fiften  : 

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;
padding:5px;}

a:hover{
text-decoration:none;
background:url(http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif) repeat ;}

Link Hover Type Sixteen  :  
a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;
padding:2px;
border-bottom:2px solid pink;}

a:hover{
text-decoration:none;
background:pink;}

Tidak ada komentar: