Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
{hover sample}
Code :
<style>
.nvaas{
display:inline-block;
width:50px;
height:50px;
border-radius:50px;
color:#000;
font-family:trebuchet ms;
font-size:9px;
text-align:center;
background:#ECE0F8;
opacity:0.7;
padding:2px;
box-shadow:0px 3px 5px #eee;
text-decoration:none;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.nvaas:hover{
background:#fff;
-webkit-transform: scale( 1.2) rotate( 360deg);
-moz-transform: scale( 1.2) rotate( 360deg);
}
</style>
<div style="position: fixed; top: 96px; left: 90px;">
<center>
<a class="nvaas" href="URL"><br>Home</a><br>
<a class="nvaas" href="URL"><br>Stuffs</a><br>
<a class="nvaas" href="URL"><br>Linkies</a><br>
<a class="nvaas" href="URL"><br>Extra</a><br>
</center></div>
|
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
|
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
{hover sample}
Code :
<style>
.nvaas{
display:inline-block;
width:50px;
height:50px;
border-radius:50px;
color:#000;
font-family:trebuchet ms;
font-size:9px;
text-align:center;
background:#ECE0F8;
opacity:0.7;
padding:2px;
box-shadow:0px 3px 5px #eee;
text-decoration:none;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.nvaas:hover{
background:#fff;
-webkit-transform: scale( 1.2) rotate( 360deg);
-moz-transform: scale( 1.2) rotate( 360deg);
}
</style>
<div style="position: fixed; top: 96px; left: 90px;">
<center>
<a class="nvaas" href="URL"><br>Home</a><br>
<a class="nvaas" href="URL"><br>Stuffs</a><br>
<a class="nvaas" href="URL"><br>Linkies</a><br>
<a class="nvaas" href="URL"><br>Extra</a><br>
</center></div>
|
