kuroo tetsurou
— chapter —

I AM

AN ORDINARY GIRL,

WOIZZE

woizze



"I miss my own real life."
-XuYiZha-
Tutorial: Navigation Hover {3}
Friday 5 September 2014 • 03:50 • 0 comments


Assalamualaikum and annyeonghaseyo. Today's tutorial is navigation hover 3.

M.F.P.O.T.Y
M.F.P.O.T.Y

Copy this code and paste it before </style>

.three{
background:#CEF6F5;
display:inline-block;
width:110px;
text-align:center;
margin:6px;
box-shadow: inset 1px 0 0px 0 #BDBDBD;
-webkit-transition-duration: 1.0s;
border-right:1 px solid #000;
}
.three:hover{
box-shadow: inset 850px 0 0px 0 #E0F8E0;
-webkit-transition-duration: 1.0s;
}

After that copy this code and put at your navigation.

<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
<a class="three" href="URL"title="OPTIONAL TITLE">TITLE</a><br>
pink: URL link
aqua: optional title (hover title)
green: Title