ຕູ້ສ້າງເງົາ

ອອກແບບກ່ອງເງົາເປັນຊັ້ນໆດ້ວຍການຊົດເຊີຍ, ມົວ, ກະຈາຍ ແລະສີ. ເບິ່ງຕົວຢ່າງໃນບັດ, ຈາກນັ້ນຄັດລອກ CSS ໃນຄລິກດຽວ.

Box Shadow Generator

Live

Offset X8px

Offset Y16px

Blur32px

Spread-4px

Opacity35%

Card radius24px

Shadow color

Inset

Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

ອອກແບບກ່ອງເງົາເປັນຊັ້ນໆດ້ວຍການຊົດເຊີຍ, ມົວ, ກະຈາຍ, ແລະສີ — ລວມເອົາຕົວຢ່າງສົດ.
ແລ່ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ
ໃຊ້ຟຣີ

ວິທີການນໍາໃຊ້

ປັບການຊົດເຊີຍ, ມົວ, ແລະກະຈາຍ.
ເລືອກສີ ແລະ ຄວາມມືດ (ຫຼືເພີ່ມຊັ້ນ).
ຄັດລອກ box-shadow CSS.

How this tool works

ປັບການຊົດເຊີຍ, ມົວ, ແລະກະຈາຍ.
ເລືອກສີ ແລະ ຄວາມມືດ (ຫຼືເພີ່ມຊັ້ນ).
ຄັດລອກ box-shadow CSS.

Recommended settings

ໃຊ້ຕົວເລືອກເລີ່ມຕົ້ນກ່ອນ, ຈາກນັ້ນປັບປ່ຽນຖ້າຈໍາເປັນ

Supported formats

Text / on-page input

File size and limits

ການເບິ່ງຕົວຢ່າງຫຼາຍຊັ້ນທີ່ສັບສົນຫຼາຍອາດຈະຮູ້ສຶກຊ້າກວ່າໃນໂທລະສັບລຸ້ນເກົ່າ.

Privacy

ເຄື່ອງກໍາເນີດສີ & CSS ເຮັດວຽກທັງຫມົດໃນຕົວທ່ອງເວັບຂອງທ່ານ. ການເບິ່ງຕົວຢ່າງແລະການແປງບໍ່ເຄີຍອັບໂຫລດຮູບແບບຂອງທ່ານ.

Common use cases

ໃຊ້ Box Shadow Generator ທຸກຄັ້ງທີ່ທ່ານຕ້ອງການ: ອອກແບບຮູບຊົງກ່ອງເປັນຊັ້ນໆດ້ວຍການຊົດເຊີຍ, ມົວ, ກະຈາຍ ແລະສີ — ລວມເອົາຕົວຢ່າງສົດ.

Troubleshooting

ຕົວຢ່າງຈະແຕກຕ່າງກັນຫຼັງຈາກວາງ

ກວດເບິ່ງ CSS ທີ່ມີການແຂ່ງຂັນຢູ່ໃນຫນ້າຂອງທ່ານ (ຣີເຊັດ, ສີທີ່ສືບທອດ). ສຳເນົາກົດລະບຽບທີ່ສ້າງຂຶ້ນໃສ່ແຜ່ນສະໄຕລ໌ທີ່ໂດດດ່ຽວກ່ອນ.

FAQ

ນີ້ອັບໂຫລດ CSS ຂອງຂ້ອຍບໍ?

ບໍ່. ເຄື່ອງສ້າງ ແລະຕົວແປງສັນຍານແລ່ນຢູ່ໃນບຣາວເຊີຂອງທ່ານດ້ວຍການເບິ່ງຕົວຢ່າງສົດໆ.

ຂ້ອຍຕ້ອງການບັນຊີບໍ?

ບໍ່. ເປີດເຄື່ອງມື, tweak ການຄວບຄຸມ, ແລະຄັດລອກ CSS.