Membuat Teks terbalik dengan CSS3

 Silahkan baca dengan hati-hati agar tidak keliru: 

1. Dilarang membaca sambil njengking atau menungging!
2. Dilarang mengumpat sebelum dan sesudah membaca.
3. Selama membaca dilarang keras mengambil nafas panjang atau bahkan mengambil tempe dan pisang goreng.
4. Peraturan ini berlaku untuk semua umur, baik umur tua nafsu muda ataupun umur uzur nafsu tak terukur.

hahahahaa... bisa baca gak sihh..??? XD

berikut cara membuat teks terbaliknya,, Copas kode CSS di bawah ini gan..

<div style="transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);padding:15px 0px;">

Tuliskan teks yang akan ditampilkan terbalik di sini!

</div>

ahaha... itu aja..Wkkk,, udah ngerti kn cara nyimpannya... masak gatau !

hufft .. XD

Copy code tersebut di postingan HTML

~~~~~~~~~~~~~~~~~~~~~~~~~Police Line~~~~~~~~~~~~~~~~~~~~~~~

Untuk kode CSS yang perlu di panggil.. klo yang di atas itu CSS langsung.. kalau ini beda..!

CSS kode:

Copy di atas kode

</head>

.teksterbalik_A{
       font-weight:bold;
       transform:rotate(180deg);
      -o-transform:rotate(180deg);    
      -moz-transform:rotate(180deg);
      -webkit-transform:rotate(180deg);
      -khtml-transform:rotate(180deg);     
}

xHTML kode:

<div class="teksterbalik_A">

Tuliskan Teks yang akan ditampilkan terbalik di sini!

</div>

Untuk yg ini.. CSS kode di tulis sebelum kode </head> atau di atas kode </head> ..

cara penulisannya...  <style type='text/css'> Kode CSS dsini1 </style>

..nahh.. setelah itu tulis kode xHTML di dalam kode tag body ...
Udahh itu saja...  saev as .html ..... coba buka dengan browser...

Untuk contoh yang lebih kreeenn,, bisa melihat file ini: [download]