[hover the sample]
Simple template :
1. Layout > Add a gadget > HTML/JavaScript
2. paste into HTML/JavaScript
Blogskin / Classic template :
1. paste code after </style>
Code :
<style>
.navi {
display:inline-block;
margin-bottom:5px;
width:100px;
color:#a4a4a4;
font-family:trebuchet ms;
font-size:11px;
font-style:italic;
text-align:center;
background:#fafafa;
padding:3px;
border:1px solid #eee;
}
.navi:hover {
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
text-shadow: -6px 0 000, 0 6px 000,
6px 0 000, 0 -6px 000;
}
</style>
<a class="navi">HOVER</a>
<a class="navi">HERE</a>
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
[hover the sample]
Simple template :
1. Layout > Add a gadget > HTML/JavaScript
2. paste into HTML/JavaScript
Blogskin / Classic template :
1. paste code after </style>
Code :
<style>
.navi {
display:inline-block;
margin-bottom:5px;
width:100px;
color:#a4a4a4;
font-family:trebuchet ms;
font-size:11px;
font-style:italic;
text-align:center;
background:#fafafa;
padding:3px;
border:1px solid #eee;
}
.navi:hover {
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
text-shadow: -6px 0 000, 0 6px 000,
6px 0 000, 0 -6px 000;
}
</style>
<a class="navi">HOVER</a>
<a class="navi">HERE</a>
|
