Besoin d’un moyen de créer un effet de défilement d’image dans Elementor ? Dans cet article, nous vous guiderons pour créer un effet de défilement d’images à l’aide d’Elementor sur vos pages web.
Tasvirni aylantirish effekti foydalanuvchi sichqonchani suratlar ustiga olib kelganida toʻliq tasvirni ochish imkonini beradi. Veb-sayt shablonlarini sotadigan veb-saytga tashrif buyurganingizda, tasvirni aylantirish effekti xususiyatlariga ega shablonlarning to'liq ko'rinishini ko'rishingiz mumkin.
Ushbu xususiyatlar yordamida siz foydalanuvchilarga veb-saytning to'liq ko'rinishini kichik maydonda osongina ko'rsatishingiz mumkin. Odatda, veb-saytning to'liq tasvirini ko'rsatishni istasangiz, u veb-sahifalaringizda juda ko'p joy egallaydi. Bundan tashqari, bu sizning veb-saytingiz dizayniga ta'sir qiladi.
Ammo rasmni aylantirish effekti yordamida siz tomoshabinlar e'tiborini osongina jalb qiladigan jozibali tarzda ko'proq rasmlar qo'shishingiz mumkin.
Elementorda tasvirni aylantirish effektini yarating
Elementor tasvirni aylantirish effektini qo'shish uchun vidjet taqdim etmaydi. Shunday qilib, maxsus CSS yordamida effekt qo'shishingiz kerak. Maxsus CSS xususiyati faqat bilan mavjud Elementor Pro. Shunday qilib, yangilanganingizga ishonch hosil qiling Elementor Pro.
Maintenant, ouvrez une page avec l’éditeur Elementor et cliquez sur l’icône plus pour ajouter une section.
Endi siz bo'limingiz uchun ustunni tanlashingiz kerak. Bu erda biz bitta ustun bo'limini tanlaymiz.
Endi bo'limni tahrirlash belgisini bosing va tartib ko'rinishida minimal balandlikni 500 ga o'rnating.
Endi blok vidjetidan yaratilgan bo'limga ichki bo'lim blokini qo'shing va standart ustunni olib tashlang. Ustunni tahrirlash belgisini o'ng tugmasini bosing va asosiy ustunni o'chirish uchun o'chirish opsiyasini bosing.
Ichki qismning tahrirlash opsiyasiga yana o'ting va tartib yorlig'ida biz ilgari ko'rsatganimizdek, minimal balandlikni 500 ga o'rnating.
Endi ichki qismning uslublar yorlig'iga o'ting va fon variantidan fonni klassik qilib o'rnating. Keyinchalik, fon rasmingizni qo'shishingiz kerak. Rasm joylashuvi opsiyasidan rasmning o'rnini tomonidan o'rnating Yuqori markaz. Takrorlash opsiyasidan opsiyani o'rnating takrorlanmaslik va shunga o'xshash o'lcham qoplama.
Endi tabga o'ting ilg'or maxsus CSS qo'shish uchun. Maxsus CSS maydoniga quyidagi kodni qo'shing:
selektor{ -webkit-o'tish: oson kirish 3s !muhim; o'tish: qulaylik 3s !muhim; } selektor: hover{ fon-pozitsiya: markaziy pastki !important; }
Tasvirlarni aylantirish effektini o'zgartirish uchun o'tish qiymatini o'zgartirishingiz mumkin. Agar siz bir xil effektli bir nechta rasm qo'shmoqchi bo'lsangiz, ustunni ko'paytirishingiz va keyin fon tasvirini o'zgartirishingiz mumkin.
Xulosa
Jarayonga rioya qilish orqali siz sahifa yaratuvchisi yordamida veb-saytingizga tasvirni aylantirish effektini qo'shishingiz mumkin bo'ladi Elementor. O'rganish uchun boshqa maqolalarimizni ko'rishingiz mumkin:
- Gutenberg muharririda Elementor bloklaridan qanday foydalanish mumkin?
- Elementor va Divi va SeedProd - qaysi biri yaxshiroq?
- Elementorda amallarni bekor qilish va takrorlash uchun tarixdan qanday foydalanish kerak
- Qanday qilib Elementor veb-saytini juda tez qilish mumkin
- Elementorda interaktiv doirani qanday yaratish mumkin
Umid qilamizki, ushbu maqola siz uchun foydali bo'ladi. Agar sizga ushbu maqola yoqqan bo'lsa, aloqada bo'lish uchun Facebook sahifamizga like bosing.
Tegishli maqolalar
- JetElements: ajoyib vidjetlarga ega ajoyib Elementor qo'shimchasi
- Elementor uchun 22 ta eng yaxshi Premium qo'shimchalar
- Elementor va Beaver Builder: Sahifa quruvchilarni batafsil taqqoslash
- Elementor Review 2024: Elementor bilan tajriba (ijobiy, kamchiliklar, xususiyatlar va boshqalar)
- Elementorda interaktiv doirani qanday yaratish mumkin
- Qanday qilib Elementor veb-saytini juda tez qilish mumkin: To'liq o'quv qo'llanma
- Saytni Elementor Cloud-ga qanday o'tkazish kerak
- Elementor uchun 5 ta eng yaxshi Instagram tasma plaginlari [bizning eng yaxshi tanlovlarimiz]