Membuat tulisan menjadi vertikal, membuat tulisan menjadi terbalik, membuat tulisan menjadi miring, yahh kurang lebih judulnya seperti itu.
Bagaimana ? mungkin cukup sampai disitu saja, takut kalau nanti saya teruskan bukan lagi tulisannya yang terbalik tapi malah kepalanya xd..
Sebenarnya cara membuatnya tidak terlalu suilit, karena saya disini hanya menggunakan satu fungsi saja, yakni menggunakan kode css3 transform rotate, tinggal sudut kemiringannya diubah beberapa derajat dengan cara merotasi tulisan tadi. Nah jika ingin mencoba membuat seperti di atas, silahkan copy kode css3 dibawah ini.
#miring {transform: rotate(180deg); webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);/*untuk firefox*/ -o-transform: rotate(180deg); }
Untuk merubah tulisan secara vertical tinggal merubah angka yang berwarna merah menjadi -90 atau 90.
#vertikal {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
Kode tadi bisa langsung dibuat di postingan tanpa harus masuk di dashboard template widgetnya, caranya bisa kita buat contoh seperti ini.
<span sytle=transform: rotate(0.5deg); -webkit-transform: rotate(0.5deg); -moz-transform: rotate(0.5deg); -o-transform: rotate(0.5deg);>AWaS OTaK NaNTI IKuTaN MIriNG..!!!</span>
"AWaS OTaK NaNTI IKuTaN MIriNG..!!!"
Kalau yang ingin dirotasi atau dimiringkan berupa gambar, kita bisa lihat disini. Oke semoga bermanfaat.
Update:
Sobat bisa menganti tag span dengan tag yang lain seperti pre, div, a dll, jika memang tampilan tidak berubah.
thanks buat infonya, kawan... sangat bermanfaat sekali
BalasHapusUntuk excel gmn?
BalasHapusKlo excel tidak bisa diputar horizontal 180 derajat, tpi bisa diputar vertical bisa. Caranya klik kanan tulisan yang mau diputar, pilih format cell - pilih alignment
HapusKlo excel tidak bisa diputar horizontal 180 derajat, tpi bisa diputar vertical bisa. Caranya klik kanan tulisan yang mau diputar, pilih format cell - pilih alignment
HapusAq ko' udah test lewat html gk bisa ya?
BalasHapusCoding d atas aq tulis dg tag css dlm html..
Trus aq panggil di dlm body :
Pas di test... Gak terjadi perubahan appun.. Bgmn tuh mas :'(