Salam sobat Jaco..Seringkali Kita Melihat Di Head Blog orang Lain tak Jarang ada sedikit Terlihat Efek Text Yang Kadang Menggugah selera Kita Untuk Mengetahui sebenarnya Apa-Apa Aja Sich Source Codenya...??
Terlebih Bagi Yang Newbie Seperti Saya, Penasaran BGt...!!! ternyata setelah telisik punya telisik eh mereka memakai Property Dari Css3 yaitu CSS Text Shadow. mungkin bagi senior senior yang udah paham betul css3 y harap maklum d sharingan tutorial ne dibuat sekedar untuk berbagi sekaligus sarana pembelajaran.Ok d untuk mempersingkat waktu Kita mulai aja d.
1.Buka apilkasi text editot agan bisa:Notepad,notepad++,Textpad atau apa d.
2.Ketikan Kode dibawah Ini teapat dibawah tag </head>
<style>
.text-pelangi{
color:#000000;
font-size:50px; text-shadow:5px 5px 0 #00FF20, 10px 10px 0 #F2FF00, 15px 15px 0 #5DEBEE, 20px 20px 0 #FF0000, 25px 25px 0 #FFA1A1, 30px 30px 0 #0004FF, 35px 35px 0 #FF8200; } </style>
Dan Untuk memanggil efek rainbow teksnya ketikkan diantara tag berikut ini
<body> <center><p class="text-pelangi">TEXT RAINBOW CSS</p></center> </body>
Jika Teman Teman Berhasil maka Hasilnya Akan Jadi seperti ini
Untuk Mengatur Jarak Bayangannya teman bisa ganti nilainya menjadi lebih kecil contoh
<style>
.text-pelangi{
color:#000000;
font-size:50px;
text-shadow:5px 5px 0 #00FF20,
7px 7px 0 #F2FF00,
9px 9px 0 #5DEBEE,
11px 11px 0 #FF0000,
13px 13px 0 #FFA1A1,
15px 15px 0 #0004FF,
17px 17px 0 #FF8200;
}
</style>
Usahakan Jaraknya Jangan Terlalu dekat biar efek rainbownya kerasa. gimana gampang kan..!!??
ok sekian dulu tutornya, selamat mencoba.. salam sobat jaco.. mohon dikritik y bila ada khilaf ataupun salah..
:)
