Masih Seputar CSS lagi yang ane Share Kali ini, Semoga Sobat semua kagak pada bosen Ngelihatnya, Kali ini saya akan ngeshare sekilas tentang CSS text Shadows, Langsung aja Sobat lihat Contoh dibawah ini dan perhatikan kode CSSnya.
CSS Text Shadows
"CSS Text Shadows 2"
"CSS Text Shadows 3"
CSS Text Shadows
CSS Text Shadows Multitipple
CSS Text Shadows 6
Css Text Shadows 7
CSS Text Shadows 8
CSS Text Shadows 9
CSS Text Shadows 10
CSS Text Shadows 11
CSS Text Shadows 12
Berikut Contoh penggunaanya Sobat :
Kode CSSnya
.binkbenks1 {font-size: x-large; color: red; text-shadow: 0.1em 0.1em #333}
CSS Text Shadows
Kode CSSnya
.binkbenks2 {font-size: x-large; color: red; text-shadow: 0.1em 0.1em 0.05em #333}
.binkbenks3 {font-size: x-large; color: red; text-shadow: 0.1em 0.1em 0.2em black}
.binkbenks3 {font-size: x-large; color: red; text-shadow: 0.1em 0.1em 0.2em black}
"CSS Text Shadows 2"
"CSS Text Shadows 3"
Kode CSSnya
.binkbenks4 {font-size: x-large;color: white; text-shadow: black 0.1em 0.1em 0.2em}
CSS Text Shadows
Kode CSSnya
.binkbenks5 {font-size: x-large; color: red; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
CSS Text Shadows Multitipple
Kode CSSnya
.binkbenks6 {font-size: x-large; color: #D1D1D1; text-shadow: -1px -1px white, 1px 1px #333}
.binkbenks7 {font-size: x-large; color: #C8C8C8; text-shadow: 1px 1px white, -1px -1px #444}
.binkbenks7 {font-size: x-large; color: #C8C8C8; text-shadow: 1px 1px white, -1px -1px #444}
CSS Text Shadows 6
Css Text Shadows 7
Kode CSSnya
.binkbenks8 {font-size: x-large; color: red; text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black}
.binkbenks9 {font-size: x-large; color: #CCF; text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black}
1px 0 black, 0 -1px black}
.binkbenks9 {font-size: x-large; color: #CCF; text-shadow: -1px 0 black, 0 1px black,
1px 0 black, 0 -1px black}
CSS Text Shadows 8
CSS Text Shadows 9
Kode CSSnya
.binkbenks10 {font-size: x-large; color: red; text-shadow: 0 0 0.2em #8F7}
.binkbenks11 {font-size: x-large; color: red; text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
.binkbenks12 {font-size: x-large; color: red; text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
0 0 0.2em #87F}
.binkbenks11 {font-size: x-large; color: red; text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
.binkbenks12 {font-size: x-large; color: red; text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
0 0 0.2em #87F}
CSS Text Shadows 10
CSS Text Shadows 11
CSS Text Shadows 12
Berikut Contoh penggunaanya Sobat :
- Ambil kode CSSnya diatas dan tambahkan kode CSS makernya misalnya seperti ini:
Contoh kodenya
<style type="text/css">
.binkbenks5 {font-size: x-large; color: red; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
</style>
<div class="binkbenks5">SEMOGA BERMANFAAT</div>
.binkbenks5 {font-size: x-large; color: red; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
</style>
<div class="binkbenks5">SEMOGA BERMANFAAT</div>
Dan hasilnya Seperti ini
SEMOGA BERMANFAAT
Contoh kodenya
<style type="text/css">
.binkbenks5 {font-size: x-large; color: white; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
</style>
<div class="binkbenks5" style="font-family: Matura MT Script Capitals;">SEMOGA BERMANFAAT</div>
.binkbenks5 {font-size: x-large; color: white; text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
</style>
<div class="binkbenks5" style="font-family: Matura MT Script Capitals;">SEMOGA BERMANFAAT</div>
Dan hasilnya seperti ini
SEMOGA BERMANFAAT
Posted On : 26 November 2011 Time : 00.18
