Praktikum 10 - Membuat Ads Banner (Part 2)

1. Tujuan

Belajar membuat Ads Banner berbasis HTML5.

2. Alat

Text Editor
Browser

3. Bahan

spritesheet.png
spritesheet.css

4. Dasar Teori

            CSS linear-gradient adalah sebuah visual effect yang dihasilkan oleh perubahan dan pergeseran warna (gradasi) diantara 2 warna atau lebih. Arah gradasi atau perubahan warna ini dapat terjadi secara vertikal (dari atas ke bawah atau sebaliknya) dan secara horizontal (dari kiri ke kanan atau sebaliknya).
            Teknik horizontal centering di CSS merupakan penggunaan beberapa properti untuk menyelaraskan elemen horizontal. Beberapa properti yang digunakan seperti margin, position dan lain sebagainya.

5. Hasil Praktikum

1. Mengaplikasikan CSS Linear Gradient

2. Menambahkan Sprite berikutnya

3. Me-resize sprite menggunakan CSS

6. Referensi

Creating an HTML5 Banner Ad with GreenSock (GSAP)