ຮຽນຮູ້ວິທີເພີ່ມຜົນກະທົບໄວໆຢ່າງວ່ອງໄວແລະງ່າຍດາຍດ້ວຍ CSS3

ເພີ່ມຄວາມໂກດໃຫ້ອົງປະກອບຫນ້າເວັບສໍາລັບຄວາມສໍາຄັນ

ແສງສະຫວ່າງພາຍນອກທີ່ອ່ອນໂຍນເພີ່ມໃສ່ອົງປະກອບໃນຫນ້າເວັບຂອງທ່ານເຮັດໃຫ້ອົງປະກອບທີ່ໂດດເດັ່ນໃນຜູ້ຊົມ. ໃຊ້ CSS3 ແລະ HTML ເພື່ອສະແດງແສງສະຫວ່າງຢູ່ດ້ານນອກຂອງວັດຖຸທີ່ສໍາຄັນ. ຜົນກະທົບແມ່ນຄ້າຍຄືກັບແສງສະຫວ່າງພາຍນອກທີ່ເພີ່ມໃສ່ວັດຖຸໃນ Photoshop.

ທໍາອິດສ້າງອົງປະກອບເພື່ອ Glow

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

ໃຫ້ DIV ເປັນ ຊັ້ນ ຂອງແສງ:


ກໍານົດຂະຫນາດແລະສີຂອງອົງປະກອບ

ຫຼັງຈາກທີ່ທ່ານເລືອກອົງປະກອບທີ່ທ່ານກໍາລັງຈະເຮັດໃຫ້ມີແສງສະຫວ່າງ, ສືບຕໍ່ເດີນຫນ້າແລະ ເພີ່ມຮູບແບບທີ່ ທ່ານຕ້ອງການເຊັ່ນ: ສີພື້ນຫລັງ, ຂະຫນາດແລະຕົວອັກສອນ. ຕົວຢ່າງນີ້ແມ່ນຮູບສີ່ຫລ່ຽມສີຟ້າ; ຂະຫນາດແມ່ນຖືກກໍານົດເປັນ 147px ໂດຍ 90px; ແລະສີພື້ນຫລັງຖືກຕັ້ງໃຫ້ເປັນ # 1f5afe, ເປັນສີຟ້າຕໍາແຫນ່ງ. ມັນປະກອບມີຂອບສໍາລັບການຈັດວາງອົງປະກອບຢູ່ໃນກາງຂອງອົງປະກອບຂອງບັນຈຸສີດໍາ.