Scribd Logo
Unggah

Selamat datang di Scribd!

  • CSS - Hover

    Diunggah oleh

    faiz nafian
    38 tayangan3 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    38 tayangan3 halaman

    CSS - Hover

    Diunggah oleh

    faiz nafian

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    Membuat Efek Hover Zoom Dengan

    CSS3

    Hoverzoom.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Membuat Efek Hover Zoom Dengan CSS3 |
    www.malasngoding.com</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <h1>Membuat Efek Zoom Dengan CSS3 | www.malasngoding.com</h1>

    <p>
    <a href="https://www.malasngoding.com/zoom-effect-image-
    css/">Tutorial Efek Hover Zoom CSS3</a>
    </p>

    <div class="wrapper">
    <div class="zoom-effect">
    <div class="kotak">
    <img src="https://www.malasngoding.com/wp-
    content/uploads/2016/02/gambar.jpg"/>
    </div>
    </div>
    </div>

    </body>
    </html>

    style.css

    sekarang untuk mencoba efek hover dengan css3 nya silahkan teman-teman letakkan
    cursor nya di atas gambar. maka gambar akan berefek zoom. Membuat Efek Hover
    Zoom Dengan CSS3
    Tugas
     Buat 3 gambar yang berbeda dengan efek hover masing-masing 1.6, 2.0, 2.6!

    Anda mungkin juga menyukai