Кескінді айналдыру әсерін жасау тәсілі қажет Elementor ? Бұл мақалада біз сізге веб-беттеріңізде Elementor көмегімен кескінді айналдыру әсерін жасауға нұсқау береміз.
Кескінді айналдыру әсері пайдаланушы кескіндердің үстіне меңзерді апарған кезде толық кескінді ашуға мүмкіндік береді. Веб-сайт үлгілерін сататын веб-сайтқа кірген кезде кескінді айналдыру әсерінің мүмкіндіктері бар үлгілердің толық алдын ала қарауын көре аласыз.
Осы мүмкіндіктердің көмегімен сіз пайдаланушыларға веб-сайттың толық көрінісін шағын кеңістікте оңай көрсете аласыз. Әдетте, веб-сайттың толық кескінін көрсеткіңіз келсе, ол сіздің веб-беттеріңізде көп орын алады. Сонымен қатар, бұл сіздің веб-сайтыңыздың дизайнына әсер етеді.
Бірақ суретті айналдыру эффектісі арқылы сіз аудиторияның назарын оңай тарта алатын тартымды жолмен көбірек суреттер қоса аласыз.
Elementor бағдарламасында кескінді айналдыру әсерін жасаңыз
Elementor кескінді айналдыру әсерін қосу үшін виджетті қамтамасыз етпейді. Сондықтан пайдаланушы CSS көмегімен әсерді қосу керек. Теңшелетін CSS мүмкіндігі тек көмегімен қол жетімді Elementor Pro. Сондықтан жаңартқаныңызға көз жеткізіңіз Elementor Pro.
Енді Elementor өңдегішімен бетті ашыңыз және бөлім қосу үшін қосу белгішесін басыңыз.
Енді сіз өзіңіздің бөліміңіз үшін бағанды таңдауыңыз керек. Мұнда біз бір баған бөлімін таңдаймыз.
Енді бөлімді өңдеу белгішесін нұқыңыз және орналасу қойындысында ең төменгі биіктікті 500 етіп орнатыңыз.
Енді блок виджетінен жасалған бөлімге ішкі бөлім блогын қосып, әдепкі бағанды алып тастаңыз. Негізгі бағанды жою үшін бағанды өңдеу белгішесін тінтуірдің оң жақ түймешігімен басып, жою опциясын басыңыз.
Ішкі бөлімнің өңдеу опциясына қайта өтіп, орналасу қойындысында біз бұрын көрсеткендей ең төменгі биіктікті 500 етіп орнатыңыз.
Енді ішкі бөлімнің стиль қойындысына ауысып, фондық опциясынан фонды классикалық етіп орнатыңыз. Әрі қарай, фондық суретті қосу керек. Кескін орны опциясынан кескіннің орнын келесі арқылы орнатыңыз Үздік орталық. Қайталау опциясынан опцияны орнатыңыз қайталанбайды және өлшемі сияқты қақпақ.
Енді қойындыға ауысыңыз озат теңшелетін CSS қосу үшін. Пайдаланушы CSS өрісіне келесі кодты қосыңыз:
селектор{ -webkit-өту: оңай кіру 3с !маңызды; өтпелі: оңай кіру 3с !маңызды; } селектор: меңзерді жылжыту{ background-позиция: орталық төменгі ! маңызды; }
Кескіндердің айналдыру әсерін өзгерту үшін өту мәнін өзгертуге болады. Бірдей әсері бар бірнеше кескінді қосқыңыз келсе, бағанның көшірмесін жасап, фондық кескінді өзгертуге болады.
қорытынды
Процесті орындау арқылы сіз бет құрастырушы арқылы веб-сайтыңызға суретті айналдыру әсерін қоса аласыз Elementor. Сіз білу үшін басқа мақалаларымызды тексере аласыз:
- Гутенберг редакторында Elementor блоктарын қалай пайдалануға болады?
- Elementor vs Divi vs SeedProd – қайсысы жақсы?
- Elementor ішіндегі әрекеттерді болдырмау және қайталау үшін тарихты қалай пайдалануға болады
- Elementor веб-сайтын қалай тез жасауға болады
- Elementor бағдарламасында интерактивті шеңберді қалай құруға болады
Бұл мақала сізге пайдалы болады деп үміттенеміз. Егер сізге бұл мақала ұнаса, байланыста болу үшін Facebook парақшамызға лайк басыңыз.
