Penggunaan Link CSS Sprite Gambar

CSS Sprite Pada Gambar biasa di gunakan untuk membuat menu,item,list,button dan lainnya dengan background sebuah gambar. untuk mengatur link css sprite kita harus selalu mengunakan markup akhir a:,agar link pada text anchor tetap aktive..
a {
       display: block;
       background: url(sprite.png) no-repeat;
       height: 25px;
       width: 150px;
}

a:hover {
       background-position: 0 -25px;
}
display: block; gunakan block agar gambar pada text bisa membungkus keseluruhan. atur tinggi dan lebar sesuaikan gambar,agar berfungsi di semua browser termasuk mobile layout.
a:hover {
       background-position: 0 -25px;
}
a:hover guna meroll background sprite gambar menjadi berbeda dengan hanya mengatur background-position:

10 comments:

  1. Untuk generatornya bisa memakai ini: http://csssprites.com/

    ReplyDelete
  2. Mantap nih tutor :D
    Berkunjung kang ke blog ane...

    ReplyDelete
  3. wah masternya blog nih..:)
    ikut belajar disini ya gan..:)

    ReplyDelete
  4. ikut belajar mas

    ReplyDelete
  5. Makin nambah aja nih pengetahuan tentang css \o/

    ReplyDelete
  6. Nice info. Thanks for sharing.
    Maju terus gan.

    ReplyDelete
  7. Download the application to make it easier to learn programming languages, suitable for beginners as a small dictionary

    FOR ANDROID

    HTML
    https://vlikoo-apk.blogspot.com/2018/11/html5-easy-v40.html

    CSS
    https://vlikoo-apk.blogspot.com/2018/11/css-easy-v30.html

    JS
    https://vlikoo-apk.blogspot.com/2018/11/javascript-easy-v17.html

    CSS Playground
    https://vlikoo-apk.blogspot.com/2018/11/css-playground-v11.html

    PROGRAMING LANGUAGES
    https://vlikoo-apk.blogspot.com/2018/11/programming-languages.html

    ReplyDelete
  8. It’s actually a nice and helpful piece of information. I'm happy that you just shared this useful information with us. Pretty educative blog. Many thanks so much for sharing. visit us: maranatha university courses and cut off mark

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top