Membuat Teks Miring dengan CSS3

Alhamdulilah selama belajar css3 saya dapet ilmu yang baru dan dapat membuat efek baru juga tapi itu hasil modifikasi dan saya kaget padahal saya lagi iseng-iseng tuh mainin css3 dengan menggabungkannya eh pas dilihat ternyata menimbulkan efek yang baru juga yaitu efek Teks Miring langsung saja tak posting biar para sobat pada tahu dan lagi pula lagi g ada ide nih.

Css3 memang membuat saya gila akan design web, efek yang di timbulkan oleh css3-lah yang membuat saya tertarik dari css3, teman saya yang dari luar negeri hasil dari kenalan di forum juga mengakui kehebatan dari css3. Saya sering sekali berdiskusi tentang css3 bersamanya walaupun bahasa inggris saya belepotan tapi dia ngerti juga loh. Oke sekarang kita lihat efek yang di timbulkan hasil modifikasi saya ini :

Oketrik is Weblog

Kode CSS yang saya pakai

.teksmiring {
width:300px;
height:auto;
color:#000;
font:georgia;
font-size:24px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);}

Kode HTML yang saya pakai, sobat tidak harus menuliskan HTML seperti di bawah ini yang terpenting dalam menuliskan kode HTML sobat harus menyisipkan class="teksmiring" apabila ingin menampilkan efek ini

<div class="teksmiring">
Test Teks miringnya...</div>

Nah gimana pendapat anda dengan efek teks Miring? keren bukan? dari iseng-iseng ternyata bisa membuat efek seperti itu y mungkin karena lagi rejekinya kali y. oiya sobat mau tau hasil modifikasi yang saya buat? sebenarnya saya cuma menambahkan css yang ada di dalam Image Gallery dengan css3 itu saja sih dan tambahannya properti yang biasa di pakai. oke mungkin sekian saja yang bisa saya sampaikan. Terima kasih dan Happy Blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg