ຟຣີດີທີ່ສຸດ ຕົວສ້າງເງົາກະເປົາ CSS
ສ້າງ CSS box-shadow ແບບເບິ່ງເຫັນໄດ້ ດ້ວຍການເບິ່ງກ່ອນໃຊ້, ຕິດ ແລະ ຊັ້ນທີສອງ - ຖ່າຍທອດ ລະຫັດ.
100% ຟຣີ
ບໍ່ມີການລົງທະບຽນ
ບໍ່ມີເຄື່ອງໝາຍນ້ຳ
✨
Go Pro ສໍາລັບ AI ທີ່ດີທີ່ສຸດແບບ - ຮູບພາບ, ວິດີໂອແລະສົນທະນາ - ເພີ່ມການອັບໂຫລດໃຫຍ່, ບຸລິມະສິດໃນລໍາດັບແລະບໍ່ມີການລໍຖ້າ.
ຍົກລະດັບເປັນ Pro
ຮັກ Best.Free? ແບ່ງປັນ
ວິທີການເຮັດວຽກ
- ເຄື່ອນໄຫວຕົວເລື່ອນ. ຕັ້ງຄ່າການອັບສ໌ໂຟນ, ເຮັດໃຫ້ບໍ່ສະຫວ່າງ, ແຜ່ອອກ, ສີ ແລະ ຄວາມບໍ່ສະຫວ່າງ; ປິດ/ ເປີດ ການຕິດຕໍ່ຖ້າທ່ານຕ້ອງການເງົາພາຍໃນ.
- ເບິ່ງຕົວຢ່າງ. ຕົວເລືອກນີ້ຈະເພີ່ມຊັ້ນທີສອງໃນຕົວເລືອກຂັ້ນສູງສຳລັບຄວາມເລິກ.
- ຖອນການຄັດເລືອກ. ກົດ ຖ່າຍຮູບ CSS ແລະ ປ້າຍກົດການຮົ່ມກະເປົາເຂົ້າໄປໃນສະໄຕລຂອງທ່ານ
ກ່ຽວກັບເຄື່ອງມືນີ້
ອອກແບບຮົ່ມກະດານໂດຍບໍ່ຕ້ອງຄິດຄ່າພິກເຊລເລີຍ. ດຶງຕົວເລື່ອນອັບເຟດ-X, ອັບເຟດ-Y, ເຮັດໃຫ້ບໍ່ສະຫວ່າງ ແລະ ແຜ່ອອກ, ເລືອກສີຮົ່ມ ແລະ ປ່ຽນຄວາມທ້ອງຟ້າຂອງມັນ, ແລະ ເບິ່ງການອັບເດດຮົ່ມກະດານແບບເບິ່ງກ່ອນໃຊ້ງານໂດຍກົງ - ຫຼັງຈາກນັ້ນຄັດລອກຮົ່ມກະດານ CSS ຢ່າງແທ້ຈິງ. ປ່ຽນການປິດການໃຊ້ງານຮົ່ມພາຍໃນຮົ່ມພາຍໃນ. ຕົວເລືອກຂັ້ນສູງຈັດຮາກ
ສິ່ງທີ່ຄົນໃຊ້ມັນເພື່ອ
- ເພີ່ມເງົາທີ່ອ່ອນລົງໄປຍັງບັດ ແລະ ໂມດູນ
- ສ້າງເງົາພາຍໃນ (Inset) ສຳລັບການເຂົ້າເຖິງ ແລະ ຮູ
- ຈັດແຈງສອງຊັ້ນເພື່ອສ້າງເງົາທີ່ມີຊີວິດຊີວາ ແລະ ລະອຽດ
- ປັບອັບເຊດ ແລະ ເຮັດໃຫ້ບໍ່ສະຫວ່າງເພື່ອໃຫ້ເໝາະສົມກັບການອອກແບບແບບໂມກຄັບ
ຄໍາຖາມທີ່ຖາມເລື້ອຍໆ
ຕົວອ່ອນ-X/Y ເຄື່ອນຍ້າຍເງົາໄປທາງລຸ່ມ ແລະ ທາງເທິງ, ເຮັດໃຫ້ມີຄວາມຊັດເຈນຊຶ່ງເຮັດໃຫ້ມີເສັ້ນຜ່າກາງຂອງມັນອ່ອນລົງ, ແລະ ເຮັດໃຫ້ມີການຂະຫຍາຍ ຫຼື ຫຼຸດຮູບເງົາທັງໝົດ ກ່ອນທີ່ຈະໃຊ້ການມີຄວາມຊັດເຈນນັ້ນ. ເບິ່ງກ່ອນໃຊ້ສະແດງການປ່ຽນແປງທຸກຢ່າງທັນທີ.
Inset draws the shadow inside the element instead of behind it, giving a pressed-in look - useful for inputs and toggles. Flip the inset toggle to switch.
ເລືອກສີໜຶ່ງ, ແລ້ວໃຊ້ຕົວເລື່ອນຄວາມບໍ່ສະຫວ່າງ; ເຄື່ອງມືຈະສົ່ງອອກມູນຄ່າ rgba () ເພື່ອໃຫ້ເງົາປະສົມກັນຢ່າງປົກກະຕິ.
ເປີດຕົວເລືອກລະດັບສູງ ເພື່ອເປີດໃຊ້ງານຊັ້ນເງົາອັນດັບສອງດ້ວຍການອັບເດດ, ຄວາມຊັດເຈນ, ສີ ແລະ ການຕິດຕັ້ງຂອງມັນເອງ.
ບໍ່. ຕົວສ້າງຈະແລ່ນທັງໝົດໃນຕົວທ່ອງເວັບຂອງທ່ານ; ຕົວເລື່ອນຈະຄິດໄລ່ຂໍ້ຄວາມ CSS ໃນທ້ອງຖິ່ນ.
ໂດຍບໍ່ເສຍຄ່າ, ບໍ່ມີບັນຊີ ແລະ ບໍ່ມີຂໍ້ຈໍາກັດ - ເຄື່ອງມືດ້ານລູກຄ້າທີ່ມີຫຍັງທີ່ຈະວັດແທກ.
ຍິນດີຕ້ອນຮັບ. ມັນແລ່ນໃນຕົວທ່ອງເວັບຂອງທ່ານ, ດັ່ງນັ້ນ CSS Box Shadow Generator ເຮັດວຽກກ່ຽວກັບໂທລະສັບມືຖືແລະແທັບເລັດເຊັ່ນດຽວກັນກັບ desktop - ບໍ່ມີແອັບພລິເຄຊັນທີ່ຈະຕິດຕັ້ງ.
ໂດຍປົກກະຕິແລ້ວແມ່ນພຽງແຕ່ບໍ່ເທົ່າໃດວິນາທີສຳລັບໄຟລ໌ແບບປົກກະຕິ - CSS Box Shadow Generator ເລີ່ມເຮັດວຽກໃນເວລາທີ່ທ່ານໃຫ້ມັນເຂົ້າສູ່ລະບົບຂອງທ່ານ.
ການໃຊ້ງານແບບບໍ່ເປັນທາງການແມ່ນບໍ່ມີຂໍ້ຈຳກັດ, ພາຍໃຕ້ການໃຊ້ງານທີ່ຖືກຕ້ອງທີ່ເຮັດໃຫ້ມັນໄວຂຶ້ນສຳລັບທຸກຄົນ.
ທັງຫມົດໂປຣແກຣມທ່ອງເວັບທັນສະໄຫມ - Chrome, Safari, Firefox ແລະ Edge. CSS Box Shadow Generator ຕ້ອງການບໍ່ຕິດຕັ້ງຫຍັງນອກເຫນືອຈາກໂປຣແກຣມທ່ອງເວັບທີ່ທ່ານໄດ້ໃຊ້ແລ້ວ.