Membuat Tulisan Miring Stop Narkoba CSS3

Hari ini kepala terasa berat dan sakit bila digerakkan, bukan karena akibat mengkonsumsi Narkoba melainkan karena posisi tidurnya yang miring.  Terus terang sampai detik ini saya belum pernah merasakan kenikmatan semu Narkoba. Dan mudah-mudahan jangan sampai terjerumus Narkoba seperti yang sedang melanda para artis kita.

Ternyata ada hikmahnya rasa sakit di kepala ini yang maunya miring terus, yakni timbul inspirasi untuk mengabadikan peristiwa ini di catatan blogku.  Karena lagi santer-santernya berita di media massa Artis yang terjerat Narkoba makanya saya beri judul Membuat Tulisan Miring Stop Narkoba CSS3.

Nah sekarang kita mulai saja membuat tulisan miring :
Pada eksperimen ini saya menggunakan area posting blog sebagai media untuk membuatnya.  Jadi nantinya tulisan miring tersebut akan muncul di halaman posting.
Kode lengkapnya seperti ini :

<style type="text/css">

.narkoba-miring {
transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);

font-size: 120px;
text-align:center;
color: #d60204;
text-shadow: 2px 2px 2px #333;
filter: dropshadow(color=#333, offx=2, offy=2);
font-weight:bold;
font-style:italic;
font-family:georgia;}

</style>

<span class="narkoba-miring">STOP NARKOBA....!</span>

Copy paste semua kode tadi ke area posting (mode HTML bukan Compose) setelah itu terbitkan atau Publish Post.

Sekarang lihat hasilnya di halaman demo
Lihat Demo

Keterangan:

1. Teks yang berwarna merah adalah kode untuk membuat tulisan jadi miring
2. Dan yang berwarna biru adalah kode untuk mengatur warna, ukuran, jenis font, dan efek bayangan huruf.
3. STOP NARKOBA....! bisa diganti dengan tulisan yang lain.

Sekian dulu tutorial ini soalnya aku mau meluruskan dulu kepalaku yang miring.