CSS Triangle Generator

ສ້າງສາມຫຼ່ຽມ CSS ດ້ວຍ trick ຊາຍແດນຄລາສສິກ. ກຳນົດທິດທາງ, ຂະໜາດ ແລະສີ, ຈາກນັ້ນຄັດລອກສະນິບເພັດ.

CSS Triangle Generator

Live

Direction

Size60px

Color

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

ສ້າງຮູບສາມຫລ່ຽມ CSS ດ້ວຍ tricks ຊາຍແດນ - ທິດທາງ, ຂະຫນາດ, ແລະສີ.
ແລ່ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ
ໃຊ້ຟຣີ

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

ເລືອກທິດທາງສາມຫຼ່ຽມ.
ກໍານົດຂະຫນາດແລະຕື່ມສີ.
ສຳເນົາ CSS.

How this tool works

ເລືອກທິດທາງສາມຫຼ່ຽມ.
ກໍານົດຂະຫນາດແລະຕື່ມສີ.
ສຳເນົາ CSS.

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

ໃຊ້ CSS Triangle Generator ທຸກຄັ້ງທີ່ທ່ານຕ້ອງການ: ສ້າງຮູບສາມຫລ່ຽມ CSS ກັບ tricks ຂອບ — ທິດທາງ, ຂະຫນາດ, ແລະສີ.

Troubleshooting

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

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

FAQ

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

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

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

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

CSS Triangle Generator