Cara Buat Efek Hover Pada Text Dengan CSS

Baca Juga

Assalamu Alaikum WR.WB

Cara Buat Efek Hover Pada Text Dengan CSS

selamat Malam buat semuanya .. Ketemu lagi dengan Admin Ocha .. pada kesempatan kali ini .. saya akan sedikit menjelaskan Cara Buat Efek Hover Pada Text Dengan CSS .. dan sebelum melanjutkan .. baca juga postingan saya yang sebelum nya .. yaitu Cara Termudah Dan Cepat Buat Aplikasi Android dan juga Download 5 Aplikasi Editor Coding Terbaik Untuk Android .. dan sebelum melanjutkan .. ada baik nya .. baca juga .. Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot yang mungkin sedikit bisa membantu .. dan jugaDownload Aplikasi AutoLike Fb 2000+ Per Submit 100% Workdan postingan yang ke maren Download Aplikasi Chat Terbaru Buat OS Android

Baca Label : Tutorial Blogging

Ok Next .. langsung saja ke intinya .. yaitu Cara Buat Efek Hover Pada Text Dengan CSS .. sebelum melanjutkan .. perlu Di Garis bawahi .. bahwa saya disini .. cuma sekedar mengisi / menambah postingan .. setelah beberapa waktu tidak buat postingan disini lagi .. di karnakan waktu nya yang harus terbagi .. di samping itu .. bingung juga mau post apa .. biar pun ini blog gado - gado .. tetapi tetap saja .. selalu bingung .. apa lagi kalau tidak punya bahan nya .. seperti gambar ( misal nya ) .. untuk mempermudah jalan nya cerita .. supaya dapat di fahami dengan mudah . Karena saya rasa kalau cuma sebatas tulisan .. tanpa contoh / review .. trasa sulit juga .. mungkin harus panjang lebar cara penyampaian nya .. dan ini juga .. buat yang belum tau / yang belum bisa saja .. yang udah tau / bisa .. nyimak saja ya .. hehehe .. ok dweh .. disini saya terapkan pada wap builder Sextgem.com .. mau di terapkan di Xtgem.com juga bisa .. karena sama saja .. dan tanpa banyak bicara lagi .. silahkan lihat contoh .. dari ke 2 gambar di bawah ini ..

1. Ini contoh gambar .. sebelum text di klik .. perhatikan text shadow .. yang bertulisan Asian Sex

2. Di bawah ini .. setelah text tersebut di klik .. terlihat posisi miring .. dengam background Merah

Gimana ? Setelah lihat demo nya .. sudah ngerti kan .. apa yang saya maksud ? .. untuk lebih jelas nya .. silahkan di coba sendiri .. klik text nya .. dengan terlebih dulu masuk / klik wap saya yang ini http://www.gadis69.ml .. dan sekalian praktekan sendiri .. jika ada yang minat untuk membuat nya .. di bawah ini kode nya

<p><style type'text/css'><br />.ocha {'<br /> margin: 0 auto;<br /> width:250px;<br /> border:solid 2px red;<br /> border-radius: 5px;<br /> color: #111;<br /> font: bold 15px/40px Verdana,serif;<br /> text-shadow: 1px 2px 1px red;<br /> text-align:center;<br /> transition: all 0.8s;<br /> -moz-transition: all 0.8s;<br /> -webkit-transition: all 0.8s;<br /> -ms-transition: all 0.8s;<br /> -o-transition: all 0.8s}<br /></p> <p>.ocha:hover {<br /> /*nilai perubahan*/<br /> background: red;<br /> color: #fff;<br /> text-shadow: 1px 2px 2px #111;<br /> transform:rotate(20deg);<br /> -webkit-transform:rotate(20deg);<br /> -moz-transform:rotate(20deg);<br /> box-shadow: 2px 4px 3px 2px #222}<br /></style><br /><div class="ocha"><font color="#FF0000"><b>Tulis text agan Disini</b></font></div></p>

Udah cuma segitu doang .. sangat simle banget bukan ? .. code di atas .. cukup Copy .. dan paste di dalam file xtgem_template.style / di dalam CSS yang agan gunakan .. bisa juga di taruh di dalam file lain .. misal nya pada halaman index dsb .. dan untuk menggunakan nya .. cukup tulis seperti contoh di atas .. ganti tulisan yang berwarna merah ( Tulis Text Agan Disini ) .. seperti contoh di atas pada gambar ( Asian sex ) .. cara nya

Text Disini

..

Penulis

Dari, Majalengka, Rajagaluh - Jawa Barat OCHA Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

Itu lah Postingan kali ini .. mengenai » Cara Buat Efek Hover Pada Text Dengan CSS « .. yang bisa saya bagikan .. Pada kesempatan yang ke 52x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..

Wassalamu'Alaikum WR.WB