Triple Panel Mengungkapkan Slideshow
Tampilan slide gambar layar penuh dengan pratinjau gambar lateral dan animasi terbuka menggunakan TweenMax.
Dari sponsor bulanan kami: HelloSign API: Semua yang diinginkan dan disukai pengembang. Coba gratis hari ini.
Hari ini kami ingin menunjukkan kepada Anda desain tayangan slide kecil dengan tata letak "panel tiga". Tampilan slide tanpa batas menunjukkan pratinjau slide berikutnya dan sebelumnya di kedua sisi halaman. Saat bernavigasi, kami menggunakan efek mengungkapkan untuk ketiga gambar dan menghidupkan judul. Animasi ini didukung oleh TweenMax .
Demo ini disponsori oleh monday.com: Alat manajemen proyek visual untuk desainer . Jika Anda ingin mensponsori salah satu demo kami, cari tahu lebih lanjut di sini .
Perhatian: Perhatikan bahwa kami menggunakan properti CSS modern yang mungkin tidak didukung di browser lama.
Tampilan slide gambar memiliki dua pratinjau lateral dan gambar utama di tengah. Saat mengarahkan tautan "Jelajahi", gambar utama akan sedikit diperbesar:
Saat bernavigasi, kami menghidupkan elemen terbuka yang menutupi setiap gambar. Bergantung pada arah mana kita menavigasi, kita membuat pengungkap muncul dari bawah atau dari atas. Semua elemen judul memiliki animasi kecuali untuk tautan "Jelajahi".
Kami harap Anda menikmati demo ini dan bermanfaat!
Referensi dan Kredit
- Gambar dari Unsplash.com
- TweenMax oleh Greensock
- imagesLoaded oleh Dave DeSandro
- Ikon bangunan dirancang oleh Freepik
0 komentar:
Posting Komentar