CSS Gradient Generator
ສ້າງເສັ້ນສີເສັ້ນ, radial, ແລະ conic gradients ດ້ວຍການສະແດງຕົວຢ່າງສົດແລະ CSS ທີ່ກຽມພ້ອມ. ປັບຈຸດຈອດ, ມຸມ, ແລະຮູບຮ່າງ — ຈາກນັ້ນວາງໃສ່ໃນແຜ່ນສະໄຕລ໌ຂອງທ່ານ.
CSS Gradient Generator
LiveCSS output
background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);
Key capabilities
- ສ້າງເສັ້ນສີເສັ້ນ, radial, ແລະ conic gradients ດ້ວຍການສະແດງຕົວຢ່າງສົດແລະ CSS ທີ່ກຽມພ້ອມ.
- ແລ່ນຢູ່ໃນຕົວທ່ອງເວັບຂອງທ່ານ
- ໃຊ້ຟຣີ
ວິທີການນໍາໃຊ້
- ເລືອກປະເພດ gradient ແລະມຸມຫຼືຕໍາແຫນ່ງ.
- ເພີ່ມ ຫຼືແກ້ໄຂການຢຸດສີ.
- ຄັດລອກ CSS ທີ່ສ້າງຂຶ້ນ.
How this tool works
- ເລືອກປະເພດ gradient ແລະມຸມຫຼືຕໍາແຫນ່ງ.
- ເພີ່ມ ຫຼືແກ້ໄຂການຢຸດສີ.
- ຄັດລອກ CSS ທີ່ສ້າງຂຶ້ນ.
Recommended settings
- ໃຊ້ຕົວເລືອກເລີ່ມຕົ້ນກ່ອນ, ຈາກນັ້ນປັບປ່ຽນຖ້າຈໍາເປັນ
Supported formats
Text / on-page input
File size and limits
- ການເບິ່ງຕົວຢ່າງຫຼາຍຊັ້ນທີ່ສັບສົນຫຼາຍອາດຈະຮູ້ສຶກຊ້າກວ່າໃນໂທລະສັບລຸ້ນເກົ່າ.
Privacy
ເຄື່ອງກໍາເນີດສີ & CSS ເຮັດວຽກທັງຫມົດໃນຕົວທ່ອງເວັບຂອງທ່ານ. ການເບິ່ງຕົວຢ່າງແລະການແປງບໍ່ເຄີຍອັບໂຫລດຮູບແບບຂອງທ່ານ.
Common use cases
- ໃຊ້ CSS Gradient Generator ທຸກຄັ້ງທີ່ທ່ານຕ້ອງການ: ສ້າງເສັ້ນສີ, ເສັ້ນ, ແລະຮູບຈວຍ gradients ດ້ວຍການເບິ່ງຕົວຢ່າງສົດໆແລະ CSS ທີ່ກຽມພ້ອມ.
Troubleshooting
ຕົວຢ່າງຈະແຕກຕ່າງກັນຫຼັງຈາກວາງ
ກວດເບິ່ງ CSS ທີ່ມີການແຂ່ງຂັນຢູ່ໃນຫນ້າຂອງທ່ານ (ຣີເຊັດ, ສີທີ່ສືບທອດ). ສຳເນົາກົດລະບຽບທີ່ສ້າງຂຶ້ນໃສ່ແຜ່ນສະໄຕລ໌ທີ່ໂດດດ່ຽວກ່ອນ.
FAQ
ນີ້ອັບໂຫລດ CSS ຂອງຂ້ອຍບໍ?
ບໍ່. ເຄື່ອງສ້າງ ແລະຕົວແປງສັນຍານແລ່ນຢູ່ໃນບຣາວເຊີຂອງທ່ານດ້ວຍການເບິ່ງຕົວຢ່າງສົດໆ.
ຂ້ອຍຕ້ອງການບັນຊີບໍ?
ບໍ່. ເປີດເຄື່ອງມື, tweak ການຄວບຄຸມ, ແລະຄັດລອກ CSS.
ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolHEX ↔ RGB ↔ HSL Converter
Convert colors between HEX, RGB, and HSL instantly with a live swatch.
Open tool