Membuat Zoom Text Shadow Dengan Efek Hover - kembali lagi ke tutorial blogger yang mana pada kesempatan sebelumnya saya telah membuat postingan tentang contoh narative text. Namun pada kesempatan kali ini, saya ingin membagikan kepada sobat untuk membuat zoom text shadow dengan efek hover. Wah, kayak gimana ya?? oke maka dari itu silahkan lihat demo dan ikuti tutorial dibawah untuk menerapkannya. Check this :
Cinta Terlarang
cinta dengarkanlah
ku ingin mendengar suaramu
nyanyikan lagu-laguku
bila kau rindukan aku
cinta relakanlah
akhiri cerita tentang kita
ku tahu berat bagimu untuk melupakan aku ku minta kepadamu
jangan keluar malam ini
karena ku tak akan menemuimu
sesungguhnya kasih sayangku tiada batas
namun secepatnya engkau harus ku lepas
selagi engkau berdiri dan kau ber...
cinta dengarkanlah
ku ingin mendengar suaramu
nyanyikan lagu-laguku
bila kau rindukan aku
cinta relakanlah
akhiri cerita tentang kita
ku tahu berat bagimu untuk melupakan aku ku minta kepadamu
jangan keluar malam ini
karena ku tak akan menemuimu
sesungguhnya kasih sayangku tiada batas
namun secepatnya engkau harus ku lepas
selagi engkau berdiri dan kau ber...
Tutorial Untuk Membuatnya:
Silahkan copykan kode-kode dibawah ini saat membuat postingan di Edit Html postingan (bukan di Compose)
<style type="text/css">
#Shift-7{margin:0 auto;padding:5px;text-align:center;}.shift-7_box {width:330px;height:210px;background:none;}#ease.shift-7_box {
-webkit-transition: all 4s ease-in;-moz-transition: all 4s ease-in;-o-transition: all 4s ease-in;-webkit-transition: all 4s ease-in;transition: all 4s ease-in;}#Shift-7:hover .shift-7_box, #Shift-7.hover_effect .shift-7_box {text-shadow: 0 0 10px Lime;color:Blue;-moz-transform:scale(2.2);-webkit-transform:scale(2.2);-webkit-transition-duration: 3s;}
</style>
<div id="Shift-7">
<div class="shift-7_box" id="Shift-7">
<div class="center">
<b>Cinta Terlarang</b>
cinta dengarkanlah
ku ingin mendengar suaramu
nyanyikan lagu-laguku
bila kau rindukan aku
cinta relakanlah
akhiri cerita tentang kita
ku tahu berat bagimu untuk melupakan aku ku minta kepadamu
jangan keluar malam ini
karena ku tak akan menemuimu
sesungguhnya kasih sayangku tiada batas
namun secepatnya engkau harus ku lepas
selagi engkau berdiri dan kau ber...
</div>
</div>
</div>
NB : Tulisan yang bewarna orange tua diatas dapat anda ganti sendiri dengan warna yang diinginkan.
Dan tulisan yang bewarna merah dapat anda ganti sendiri.
Demikianlah Tutorial Blog ini yang dapat saya bagikan. Semoga apa yang tertera di postingan ini bisa berguna dan membantu sobat. End Membuat Zoom Text Shadow Dengan Efek Hover.