Hello semua, gimana neh kabar sahabat semua pecinta SAHABAT BLOGGER 77, semoga senatiasa sehat dan berbahagia selalu. Kangen juga rasanya gak bersapa ria bersama kawan-kawan blogger, karena ya memang Devy juga beberapa minggu ini lagi OFF atau libur ngeblog dulu, hehe,,!!!, tetapi kali ini devy kembali mengajak sahabat semua untuk otak-atik kode-kodean lagi untuk membuat gambar efek hover dengan 9 model buat koleksi Anda.
Agar menarik, tampilannya saya buat dalam sebuah gambar background yang sebenarnya hasil modifikasi all in dari » 4 Variasi Slide Teks Pada Gambar di artikel terdahulu, hanya tampilannya saya ubah untuk membuat gambar backgroundnya juga bergerak dengan sedikit sentuhan efek teks yang timbul, dan itu terjadi saat di Hover seperti ini:
DEMO SHOW
9 Koleksi Gambar Efek Hover, diantaranya :
Bagaimana.? sudah menemukan model yang unik dan menarik untuk Anda jadikan sebagai koleksi, atau sudah menemukan imajinasi untuk memodifikasi beberapa efek diatas dan menggabungkannya dengan efek lainnya, pasti Anda sudah menyiapkannya dan saya sudah meramu kodenya secara komplit dan menyeluruh pada masing-masing tampilan. Kalau Efek diatas dengan Hover bagaimana kalau Anda mencoba juga dengan efek otomatis yang satu ini, Devy yakin pasti lebih menarik lagi dalam tutorial » Mengganti Background Gambar Responsive Fullscreen
Agar menarik, tampilannya saya buat dalam sebuah gambar background yang sebenarnya hasil modifikasi all in dari » 4 Variasi Slide Teks Pada Gambar di artikel terdahulu, hanya tampilannya saya ubah untuk membuat gambar backgroundnya juga bergerak dengan sedikit sentuhan efek teks yang timbul, dan itu terjadi saat di Hover seperti ini:
Breaking NEWS :
Bagaimana Menentukan Judul Artikel Yang Benar?9 Koleksi Gambar Efek Hover, diantaranya :
- Hover Border Inset
- Partial Border Position
- Sepia Background Line
- Background Line Waiting Delay
- Centered Text Transition Delay
- Revealing Text Effect
- Fade In Text Rotate
- Vertical Revealing Text
- Rotate Text And Image Hover
Bagaimana.? sudah menemukan model yang unik dan menarik untuk Anda jadikan sebagai koleksi, atau sudah menemukan imajinasi untuk memodifikasi beberapa efek diatas dan menggabungkannya dengan efek lainnya, pasti Anda sudah menyiapkannya dan saya sudah meramu kodenya secara komplit dan menyeluruh pada masing-masing tampilan. Kalau Efek diatas dengan Hover bagaimana kalau Anda mencoba juga dengan efek otomatis yang satu ini, Devy yakin pasti lebih menarik lagi dalam tutorial » Mengganti Background Gambar Responsive Fullscreen
Selamat bersenang-senang guys..!! see you..!!
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul= 9 Koleksi Gambar Efek Hover
Ditulis oleh= Devy
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan isi dari artikel ini harap menyertakan link dofollow ke >>
saya ngambil absen dulu baru baca ya mbak :-)
BalasHapussiap mas, tunggu namanya dipanggil ya, baru boleh masuk, hehe..!!
Hapussaya pelajari lebih lanjut dulu dev....mau juga berkreasi seperti yang kamu tulis....sapa tau aja bisa....heee....terima kasih ilmu ya sista.
Hapushari gene..terimakasih doangan..idiih..
Hapusbayar tau...
kalau belum ada duit, hutang juga boleh, dikasih tempo sampai minggu depan.
Hapusya udah saya kas bon dulu :d
Hapusngisi formulir dulu mas, tetapi ingat budayakan sikap ANTRI, kalau gak salah saat ini masih nomor 77, sedangkan mas dapat nomor urut ke 207, mau nunggu gak..?
Hapushehe..!!
yang saya masih bingung itu menggunakan satu gambar, tapi bisa jadi berbagi vector yang warnanya....gak bisa ngomong tapi #jempol buat sista satu ini....
BalasHapussemangat ramadhan dan salam sahabat blogger selalu dari bengkel blogger.
sejak kapan mbah dinan kagak bisa ngomong, tetapi nulis bisa kan, hehe..!!!
Hapusterimakasih juga mbah sudah berkunjung dimari, salam sukses selalu.
disini bukan untuk ngomong mbah, tapi untuk nulis, wakakakaka
Hapussruput kopinya mbah
Hapuswah koleksinya banyak sekali nih efek gambarnya, ijin ambil ya mas
BalasHapussejak kapan mbak devy jadi cowok ohm :-)
Hapushehe
sudah gak heran kang jum kalau mas PUR panggil cewek dengan sebutan mas, kalau cowok sebutan mbak,
Hapuskang jum sama neng devi di tunggu sama pak penghulu di rumah saya
Hapuskapan mang..?
Hapusefeknya soft banget mbak.....keren
BalasHapusWah banyaknyo, keren semua, masih bingung :/
BalasHapusbingung lihat kode-kodenya atau masih bingung mau pilih model yang mana gitu mbak..?
Hapushehe..!!
Hohoo iya bingung kodenya, beginian aku enggak paham mba, taunya nulis aja :D
Hapussaya juga nulis kok mbak, hanya bukan tentang cerita atau romantica, tetapi tentang dunia kode desain web/blog.
Hapusmungkin belum terbiasa jadi belum paham.
Iya mba Devi, semoga bisa belajar banyak ya dari mba Devi,
HapusMohon bimbingannya hohoo
tetapi Devy kan bukan seorang guru yang bisa membimbing, Devy hanya berbagi apa yang Devy tahu dan tuliskan dalam blog jelek ini, sama seperti mbak, menulis cerita, sama-sama menulis kan, hanya berbeda nice.
Hapuskalau masalah SEO, tutorial, desain effect mungkin 90% blog ini membahasnya, insyaAllah kalau mbak tanya tentang hal itu Devy akan jawab dan bantu. tetapi kalau tentang Cinta jangan tanyakan, karena Devy belum berpikir untuk mencintai dan dicintai, hehe..!! masih jomblo soalnya..
Wahh jangan gitu mba Dev, hohoo romansa itu terkadang perlu buat mewarnai design loh
Hapusasyik dah admin SB77 masih jomblo
Hapusboleh ngegodain dund sayanya :-)
tuh kan mbak, kalau cerita tentang jomblo-jombloan pasti ada yang denger, tuh tetangga tadinya mau tadarusan, gak jadi berangkat karena tahu Devy jomblo, hehe..!!
Hapusada pengangguran intelek...ada juga jomblo intelek kok...kalm ajah neng
HapusTuh kan mba Devy itu banyak fans nya hoho,
HapusCoba menempatkan diri aja mba, jangan dikunci hatinya hohooo
keputusan sudah diambil dan akan dalam waktu lama hati ini terkunci, semoga saja kuncinya tidak berkarat karena kelamaan tersimpan..!!
Hapuskalo kuncinya berkarat ganti aja rumah kuncinya sama yang baru mba hohoo
Hapusmudah-mudahan saja mbak sampai Devy kelar kuliah nanti, itu kunci gak berkarat, jadi bisa dech membuka hati lagi dengan kunci itu, hehe..!!
HapusKeren ni buat catatan penting untuk artikel
BalasHapusbukan kontent box, tetapi tutorial design gambar, apanya yang mau buat catatan penting.!
Hapussaya dari tadi disini kak, cuman berhubung ada tamu, 9 koleksi gambar hover nya terabaikan...maaf yea. (c)
BalasHapuspantesan kopinya masih hangat tuh, rupanya ada tamu toh..
Hapuskodenya engga langsung di cantumin ya mba, jadi harus liat di postingan cara mengganti gambar
BalasHapussetiap tampilan dari DEMO-1 sampai DEMO-9 kodenya sudah saya cantumin kok mbak, tinggal dipasang saja dalam postingan, tinggal memilih model mana yang menarik
Hapusmau coba ah
BalasHapuskapan..?
Hapussemoga masih semangat berpuasa mbak terus menulis
BalasHapusselalu menemukan yang baru disini , sruput (c)
BalasHapusNo delapan bagus tuh, saya suka.. Menambah blog tambah Cantik nih,, kya mba Devy..
BalasHapusAseli keren deh mbak , terutama yang nomor tujuh itu, efeknya membawa kesan tersendiri
BalasHapussaya tidak bisa berkata apa-apa lagi mbak, sangat lengkap dan jelas sekali tutorialnya. :)
BalasHapus