Animasi Gulir – Efek Gerak Gulir

  • Whatsapp
Animasi Gulir - Efek Gerak Gulir

Source Code : Animasi Gulir – Efek Gerak Gulir

Bacaan Lainnya

Dengan Animasi Gulir Anda dapat membuat halaman yang kaya dan bercerita saat pengunjung situs web Anda menggulir ke bawah dan ke atas. Hal ini mudah digunakan. Kami di xmuse.it berpikir kami mengembangkan cara yang lebih mudah dan baru untuk bekerja dengan Widget di dalam Adobe Muse.

Apa yang diharapkan?

Anda yang mendesain pengguna terlebih dahulu dan membuat perubahan tata letak pada setiap breakpoint yang diinginkan. Setelah itu Anda dapat menambahkan pemicu untuk objek atau elemen yang ingin Anda gulir masuk atau keluar, sementara pengguna melihat situs web Anda.

Apa yang ada di dalam paket?

Widget ini dilengkapi dengan item mucow berikut: – Opsi Scroll Animation IN – Opsi Scroll Animation OUT – SEMUA Library AWAL. (hanya diperlukan sekali untuk semua widget xmuse.it.)

bagaimana cara kerjanya

Gunakan HTML atau CSS .class, #id pada halaman yang Anda rancang dan pilih dengan Animasi Gulir Target pengaturan. Berikut adalah beberapa contoh:

  • html – Tag html adalah tag utama halaman Anda. Pilih ini dan buat animasi
  • h1 atau p – Pilih tag ini untuk membuat semua judul dan teks Anda bergerak pada pemicu yang berbeda.
  • #ul123 – ID CSS yang dihasilkan ini dihasilkan oleh kode Muse.
  • .button – Pilih kelas CSS ini untuk membuat mouseover yang indah.

TUTORIAL


Tutorial Animasi Gulir

Cara dasar untuk memulai adalah membuat Target nama kelas (pemilih) di salah satu panel gaya Muse. Ini bisa berupa Panel Karakter, Paragraf atau Grafik. Pastikan Anda memberi nama elemen Anda dengan cara yang logis. Berikut adalah beberapa contoh:

  • logo_big (logo Anda di bagian atas halaman)
  • s1_sl1 (membaca Bagian 1 dan Subline 1)
  • s3_btn_sale (membaca Bagian 3, pemicu tombol penjualan)

Setelah Anda Target nama kelas ditetapkan, Anda dapat menambahkan nama-nama ini di dalam bidang input widget. Selalu dengan titik dan kelipatan dengan koma (mis. .logo_big, .s3_btn_sale). Kumohon tidak spasi>/strong> dalam nama kelas Target.

Gulir Animasi menggunakan opsi yang lebih sedikit daripada Animasi Acara. Tetapi jika seseorang menggunakan widget gulir mutliple, dimungkinkan untuk membuat membangun cerita menjadi sangat menarik. Gunakan diagram alur untuk melacak ide-ide Anda.

  1. Kelas target: pilih elemen Anda untuk dianimasikan
  2. Animasi/Visibilitas: Pilih animasi dan atur visibilitasnya
  3. Pengaturan pemicu: Atur pemicu ketika objek Anda harus terlihat atau disembunyikan. (Masuk/Keluar)
  4. Pengaturan waktu: Atur waktu animasi yang Anda butuhkan

Opsi tambahan

Ada pengaturan pemicu. Anda dapat memilih antara pengaturan pemicu % atau px. A Sembunyikan sebelum atau sembunyikan setelah opsi. Juga durasi animasi, opsi tunda dan ulangi.

Bagaimana cara meng-install

Menambahkan widget Anda ke perpustakaan Muse.

  1. Buka zip file. Klik dua kali pada file .mulib Anda untuk mengimpor widget secara otomatis di dalam Perpustakaan Adobe Muse.
  2. Di dalam muse, cari panel Library (pilih window > library). Di sana Anda akan menemukan tombol impor di kiri bawah. Klik ini dan cari file .mulib dan impor.

Bersukacitalah karena Anda sudah siap. Nikmati diri Anda dengan produk baru dan inovatif ini. Kami harap ini memberi Anda kesenangan seperti yang telah dilakukan untuk kami. Dan jangan lupa untuk segera hadir di bagian animasi.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *