Tutorial Navigation Style #5 17:50 - 1 comments

[ LIVE PREVIEW ]

TUTORIAL NAVIGATION STYLE #3

1. BLOGSKIN : paste atas code < / style >
2. DENIM / SIMPLE : Add a gadget > HTML/Javascript

<style> .snavi { width: 90px; padding: 4px; background: #eee; display:inline-block; font: normal normal 13px 'oswald', times new roman, serif; letter-spacing: 2px; text-transform: uppercase; text-decoration:none; margin: 2px; border: 1px solid #ddd; color:#A7A2A3 !important; text-align:center; box-shadow: 3px 3px 2px #888888; -webkit-transition: 2s; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } .snavi:hover { -webkit-transition: 1s; -ms-transform: scale(1.3,1.3); /* IE 9 */ -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */ transform: scale(1.3,1.3); } </style> <center> <a href="URL/LINK" class="snavi">about</a> <a href="URL/LINK" class="snavi">tutorial</a> <a href="URL/LINK" class="snavi">freebies</a> <a href="URL/LINK" class="snavi">whatever</a> </center>