Şəkil sürüşdürmə effekti yaratmaq üçün bir yol lazımdır Elementor ? Bu yazıda biz sizə veb səhifələrinizdə Elementor istifadə edərək şəkil sürüşdürmə effekti yaratmağa kömək edəcəyik.
Şəkil sürüşdürmə effekti istifadəçi imleci şəkillərin üzərinə gətirdikdə tam təsviri aşkar etməyə imkan verəcək. Veb sayt şablonları satan vebsayta baş çəkdiyiniz zaman şəkillərin sürüşdürmə effekti xüsusiyyətləri ilə şablonların tam önizləməsini görə bilərsiniz.
Bu xüsusiyyətlərlə siz istifadəçilərinizə veb saytın tam görünüşünü kiçik bir məkanda asanlıqla göstərə bilərsiniz. Normalda veb-saytın tam şəklini göstərmək istəyirsinizsə, o, veb səhifələrinizdə çox yer tutacaq. Bundan əlavə, veb saytınızın dizaynına təsir göstərir.
Amma şəkil sürüşdürmə effekti ilə siz tamaşaçıların diqqətini asanlıqla cəlb edə biləcək cəlbedici bir şəkildə daha çox şəkil əlavə edə bilərsiniz.
Elementorda Şəkil sürüşdürmə effekti yaradın
Elementor təsviri sürüşdürmə effekti əlavə etmək üçün vidjet təqdim etmir. Beləliklə, xüsusi CSS istifadə edərək effekt əlavə etməlisiniz. Fərdi CSS funksionallığı yalnız ilə mövcuddur Elementor Pro. Beləliklə, yeniləmənizə əmin olun Elementor Pro.
İndi Elementor redaktoru ilə bir səhifə açın və bölmə əlavə etmək üçün üstəlik işarəsinə klikləyin.
İndi bölməniz üçün sütunu seçməlisiniz. Burada bir sütunlu bölməni seçirik.
İndi bölməni redaktə etmək simgesini vurun və layout sekmesinde minimum hündürlüyü 500-ə təyin edin.
İndi blok vidcetindən daxili bölmə blokunu yaratdığınız bölməyə əlavə edin və standart sütunu çıxarın. Əsas sütunu silmək üçün sütunun redaktə ikonasına sağ klikləyin və sil seçiminə klikləyin.
Yenidən daxili bölmənin redaktə seçiminə keçin və layout sekmesinde daha əvvəl göstərdiyimiz kimi minimum hündürlüyü 500-ə təyin edin.
İndi daxili bölmənin üslub nişanına keçin və fon seçimindən fonu klassik olaraq təyin edin. Sonra, fon şəklinizi əlavə etməlisiniz. Şəkil mövqeyi seçimindən şəkil mövqeyini təyin edin Üst mərkəz. Təkrar seçimindən seçimi təyin edin təkrar olunmur və ölçüsü kimi əhatə.
İndi nişana keçin qabaqcıl xüsusi CSS əlavə etmək üçün. Xüsusi CSS sahəsinə aşağıdakı kodu əlavə edin:
selektor{ -webkit-keçid: asan-in-out 3s !vacib; keçid: asan giriş 3s !vacib; } seçici:hover{ fon-mövqe: mərkəzi aşağı !important; }
Sürüşən şəkillərin effektini dəyişmək üçün keçid dəyərini dəyişə bilərsiniz. Eyni effektli bir neçə şəkil əlavə etmək istəyirsinizsə, sütunun dublikatını çıxara və sonra fon şəklini dəyişə bilərsiniz.
Nəticə
Prosesi izləməklə, səhifə qurucusundan istifadə edərək veb saytınıza şəkil sürüşdürmə effekti əlavə edə biləcəksiniz Elementor. Öyrənmək üçün digər məqalələrimizə müraciət edə bilərsiniz:
- Gutenberg redaktorunda Elementor bloklarından necə istifadə etmək olar?
- Elementor vs Divi vs SeedProd – Hansı daha yaxşıdır?
- Elementorda hərəkətləri ləğv etmək və təkrar etmək üçün tarixdən necə istifadə etmək olar
- Elementor Veb saytını necə super sürətli etmək olar
- Elementorda interaktiv dairəni necə yaratmaq olar
Ümid edirik ki, bu məqalə sizin üçün faydalı olacaqdır. Bu məqaləni bəyəndinizsə, əlaqə saxlamaq üçün Facebook səhifəmizi bəyənin.
Əlaqəli məqalələr
- JetElements: Sərin vidjetləri olan əla Elementor əlavəsi
- Elementor üçün 22 Ən Yaxşı Premium Əlavələr
- Elementor vs Beaver Builder: Səhifə qurucularının ətraflı müqayisəsi
- Elementor Review 2024: Elementor ilə təcrübə (müsbət cəhətlər, mənfi cəhətlər, xüsusiyyətlər və daha çox)
- Elementorda interaktiv dairəni necə yaratmaq olar
- Elementor veb saytını necə super sürətli etmək olar: tam təlimat
- Saytı Elementor Cloud-a necə köçürmək olar
- Elementor üçün 5 ən yaxşı Instagram feed plaginləri [Ən yaxşı seçimlərimiz]