Buatkan Saya Template Kode HTML untuk Google Sites
JUDUL DIATAS PHOTO
Ada 3 Photo Auto Slide, Dengan Penanda 3 Titik di bawah, di ambil dari URL1, URL2, URL3, Apapun Rasio Aslinya akan otomatis menjadi Kotak Rasio 1:1 (Square), namun Jika gambar di klik, maka gambar akan muncul memenuhi layar sesuai dengan Rasio Aslinya, ada logo "X" untuk menutup gambar yang membesar jika memasuki viewport atau mouse di arahkan ke photo, photo akan membesar Sekitar 6%
di atas Photo/Gambar 1:1 yang auto slide, ada overlay Tombol Glossy dengan efek Hover bertuliskan "Selengkapnya" yang jika di Klik membuat Gambar mengecil ke atas di ikuti artikel singkat di bawah(Gambar)nya Tulisan itu muncul dari balik gambar, efek transisi dan animasi ringan.
di bawah Artikel ada 2 Tombol,
* Tombol 1 "Baca Selengkapnya" Jika di Klik akan mengarah Pada Halaman Baru / URL
* Tombol 2 "Kembali" Jika di Klik akan menutup artikel dan mengembalikan gambar ke posisi Awal.
Buat Tampilannya Premium, namun tetap ringan loadingnya.
0 comments:
Post a Comment