Memutar Text di CSS


Setelah membaca tentang CSS,  saya merasa terilhami untuk mengumpulkan contoh alternatif. Dalam kasus ini: Rotation Text.

Untungnya, banyak browser yang populer hari ini mendukung kemampuan untuk memutar elemen HTML. Bahkan lebih baik? Kita dapat membuatnya bekerja pada Internet Explorer (WOW) . Bagaimana Mungkin ? So….. Ikutin Langkah langkahnya

Masukan Code ini di bawah tag Body

<div id=”contoh”>
Selamat Datang </div>

Dan Buka Tag CSS

<style type=”text/css”>

#contoh{
display:block;
font-size:36px;
background-color:#999999;
width: 500px;
padding-left: 5px;
}

</style>

Untuk  Firefox (per 3.5), Anda dapat mengambil keuntungan dari mengubah properti yang diusulkan untuk menangani vertical Text .

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

Oke Sekarang jalankan script tersebut, Ups ada apa dengan ie 6 Script ini tidak dapat berjalan dengan baik !! , santai coy

Masukan ini.

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Kita bisa pelajari code tersebut dari web,

Silahkan di coba dan di pelajari Lebih lanjut tentang CSS karena saya sebagai penulis masih belajar dan mencoba-coba lebih dalam lagi.. Ok ..Bro Terus coba dan belajar

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s