<html>
<head>
<title>Membuat efek link</title>
<style type="text/css">
a.otowebsite {
color:#ccc;
text-decoration:none;
text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
}
a.otowebsite:hover {
color:#fff;
text-shadow:
0px 1px 0px #FF00FF,
0px 0px 3px #FF00FF,
0px 0px 5px #FF00FF,
0px 0px 30px #FF00FF,
0px 3px 50px #FF00FF;
</style>
</head>
<body>
<a class="otowebsite" href="Facebook.com">Login Facebook</a>
</body>
</html>
Dan jadinya seperti ini...
Tutorial CSS
- Efek Pada Form
- Membuat Border Melengkung di Web
- Membuat Efek Transparan Pada Gambar
- Membuat Garis underline link menghilang
- Membuat Table Style
- Membuat Efek Pada Gambar
- Membuat Efek Link Dengan CSS
- Lowongan Pekerjaan
- Membuat Efek Teks 3D Dengan CSS
inspiratif banget tagging nya,,
BalasHapusterimakasih
budhie
ghumazeph@facebook.com