ວິທີການສ້າງຜົນກະທົບເລື່ອນພາບໃນອົງປະກອບ

ຕ້ອງການວິທີການສ້າງຜົນກະທົບເລື່ອນພາບໃນ Elementor ? ໃນບົດຄວາມນີ້, ພວກເຮົາຈະແນະນໍາທ່ານເພື່ອສ້າງຜົນກະທົບເລື່ອນພາບໂດຍໃຊ້ Elementor ໃນຫນ້າເວັບຂອງທ່ານ.

ຜົນກະທົບການເລື່ອນພາບຈະອະນຸຍາດໃຫ້ທ່ານເພື່ອເປີດເຜີຍໃຫ້ເຫັນຮູບພາບເຕັມທີ່ໃນເວລາທີ່ຜູ້ໃຊ້ hovers ໃນຮູບພາບ. ເມື່ອທ່ານໄປຢ້ຽມຢາມເວັບໄຊທ໌ທີ່ຂາຍແມ່ແບບເວັບໄຊທ໌, ທ່ານສາມາດເບິ່ງຕົວຢ່າງເຕັມຂອງແມ່ແບບທີ່ມີລັກສະນະການເລື່ອນພາບ.

ດ້ວຍຄຸນສົມບັດເຫຼົ່ານີ້, ທ່ານສາມາດສະແດງໃຫ້ຜູ້ໃຊ້ຂອງທ່ານເບິ່ງຢ່າງເຕັມທີ່ຂອງເວັບໄຊທ໌ໃນພື້ນທີ່ຂະຫນາດນ້ອຍ. ໂດຍປົກກະຕິ, ຖ້າທ່ານຕ້ອງການສະແດງຮູບພາບເຕັມຂອງເວັບໄຊທ໌, ມັນຈະໃຊ້ພື້ນທີ່ຫຼາຍໃນຫນ້າເວັບຂອງທ່ານ. ນອກຈາກນັ້ນ, ມັນມີຜົນກະທົບຕໍ່ການອອກແບບເວັບໄຊທ໌ຂອງທ່ານ.

ແຕ່ມີຜົນກະທົບເລື່ອນພາບ, ທ່ານສາມາດເພີ່ມຮູບພາບເພີ່ມເຕີມໃນລັກສະນະທີ່ຫນ້າສົນໃຈທີ່ສາມາດດຶງດູດຄວາມສົນໃຈຂອງຜູ້ຊົມໄດ້ງ່າຍ.

ສ້າງຜົນກະທົບການເລື່ອນພາບໃນອົງປະກອບ

Elementor ບໍ່ໃຫ້ widget ເພື່ອເພີ່ມຜົນການເລື່ອນພາບ. ດັ່ງນັ້ນທ່ານຈໍາເປັນຕ້ອງເພີ່ມຜົນກະທົບໂດຍໃຊ້ CSS ທີ່ກໍາຫນົດເອງ. ຟັງຊັນ CSS ແບບກຳນົດເອງສາມາດໃຊ້ໄດ້ກັບ Elementor ໂປຣ. ສະນັ້ນໃຫ້ແນ່ໃຈວ່າທ່ານໄດ້ຍົກລະດັບ Elementor Pro.

ດຽວນີ້, ເປີດໜ້າໜຶ່ງດ້ວຍຕົວແກ້ໄຂອົງປະກອບ ແລະຄລິກທີ່ໄອຄອນບວກເພື່ອເພີ່ມພາກສ່ວນ.

ໃນປັດຈຸບັນທ່ານຈໍາເປັນຕ້ອງເລືອກຄໍລໍາສໍາລັບພາກສ່ວນຂອງທ່ານ. ທີ່ນີ້ພວກເຮົາເລືອກພາກສ່ວນຫນຶ່ງຄໍລໍາ.

ຕອນນີ້ຄລິກໃສ່ໄອຄອນດັດແກ້ພາກສ່ວນ ແລະໃນແຖບການຈັດວາງຕັ້ງຄວາມສູງຕໍາ່ສຸດທີ່ 500.

ດຽວນີ້ຈາກ widget ບລ໋ອກເພີ່ມສ່ວນໃນບລັອກໃສ່ພາກສ່ວນທີ່ສ້າງແລ້ວຂອງເຈົ້າເອົາຖັນເລີ່ມຕົ້ນອອກ. ຄລິກຂວາໃສ່ໄອຄອນດັດແກ້ຖັນ ແລະຄລິກໃສ່ຕົວເລືອກລຶບເພື່ອລຶບຖັນຫຼັກ.

ໄປທີ່ທາງເລືອກໃນພາກສ່ວນແກ້ໄຂອີກເທື່ອຫນຶ່ງແລະໃນແຖບຮູບແບບກໍານົດຄວາມສູງຕໍາ່ສຸດທີ່ 500 ດັ່ງທີ່ພວກເຮົາໄດ້ສະແດງໃຫ້ເຫັນກ່ອນຫນ້ານີ້.

ຕອນນີ້ຍ້າຍໄປແຖບຮູບແບບຂອງພາກສ່ວນພາຍໃນ ແລະຕັ້ງພື້ນຫຼັງເປັນແບບຄລາສສິກຈາກຕົວເລືອກພື້ນຫຼັງ. ຕໍ່ໄປ, ທ່ານຈໍາເປັນຕ້ອງເພີ່ມຮູບພາບພື້ນຖານຂອງທ່ານ. ຈາກຕົວເລືອກຕໍາແຫນ່ງຮູບພາບ, ກໍານົດຕໍາແຫນ່ງຮູບພາບໂດຍ ສູນສູງສຸດ. ຈາກທາງເລືອກທີ່ເຮັດເລື້ມຄືນ, ກໍານົດທາງເລືອກ ບໍ່ຊ້ຳ ແລະຂະຫນາດເປັນ ການປົກຫຸ້ມຂອງ.

ຕອນນີ້ປ່ຽນໄປແຖບ ກ້າວຫນ້າທາງດ້ານ ເພື່ອເພີ່ມ CSS ແບບກຳນົດເອງ. ໃນຊ່ອງ CSS ແບບກຳນົດເອງ, ເພີ່ມລະຫັດຕໍ່ໄປນີ້:

selector{ -webkit-transition: ease-in-out 3s !ສຳຄັນ; ການຫັນປ່ຽນ: ງ່າຍໃນ-ອອກ 3s !ສໍາຄັນ; } selector:hover{ background-position: ກາງລຸ່ມ !ສຳຄັນ; }

ທ່ານສາມາດປ່ຽນຄ່າການປ່ຽນແປງເພື່ອປ່ຽນຜົນຂອງການເລື່ອນພາບ ຖ້າທ່ານຕ້ອງການເພີ່ມຮູບພາບຫຼາຍອັນທີ່ມີຜົນກະທົບດຽວກັນ, ທ່ານສາມາດຊ້ໍາຖັນແລະຫຼັງຈາກນັ້ນປ່ຽນຮູບພື້ນຫລັງ.

ສະຫຼຸບ

ໂດຍປະຕິບັດຕາມຂະບວນການ, ທ່ານຈະສາມາດເພີ່ມຜົນກະທົບເລື່ອນພາບໃນເວັບໄຊທ໌ຂອງທ່ານໂດຍໃຊ້ຕົວສ້າງຫນ້າ Elementor. ທ່ານສາມາດປຶກສາບົດຄວາມອື່ນໆຂອງພວກເຮົາເພື່ອຮຽນຮູ້:

ພວກເຮົາຫວັງວ່າບົດຄວາມນີ້ຈະເປັນປະໂຫຍດສໍາລັບທ່ານ. ຖ້າທ່ານມັກບົດຄວາມນີ້, ກະລຸນາກົດ Like ເຟສບຸກຂອງພວກເຮົາເພື່ອຕິດຕໍ່ກັນ.