CSS ත්රිකෝණ උත්පාදක යන්ත්රය
සම්භාව්ය මායිම් උපක්රමය සමඟින් CSS ත්රිකෝණ ජනනය කරන්න. දිශාව, ප්රමාණය සහ වර්ණය සකසන්න, ඉන්පසු ස්නිපටය පිටපත් කරන්න.
CSS Triangle Generator
LiveCSS output
width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-bottom: 60px solid #e11d48;
Key capabilities
- මායිම් උපක්රම සමඟින් CSS ත්රිකෝණ ජනනය කරන්න - දිශාව, ප්රමාණය සහ වර්ණය.
- ඔබගේ බ්රවුසරයේ ධාවනය වේ
- භාවිතා කිරීමට නොමිලේ
භාවිතා කරන ආකාරය
- ත්රිකෝණ දිශාව තෝරන්න.
- ප්රමාණය සකසා වර්ණ පුරවන්න.
- CSS පිටපත් කරන්න.
How this tool works
- ත්රිකෝණ දිශාව තෝරන්න.
- ප්රමාණය සකසා වර්ණ පුරවන්න.
- CSS පිටපත් කරන්න.
Recommended settings
- පෙරනිමි විකල්ප භාවිතා කරන්න, පසුව අවශ්ය නම් සකස් කරන්න
Supported formats
Text / on-page input
File size and limits
- ඉතා සංකීර්ණ බහු-ස්ථර පෙරදසුන් පැරණි දුරකථනවල මන්දගාමී බවක් දැනිය හැක.
Privacy
වර්ණ සහ CSS ජනක යන්ත්ර සම්පුර්ණයෙන්ම ඔබගේ බ්රවුසරයේ ක්රියාත්මක වේ. පෙරදසුන් සහ පරිවර්තන කිසිවිටෙක ඔබේ මෝස්තර උඩුගත නොකරයි.
Common use cases
- ඔබට අවශ්ය විටෙක CSS ත්රිකෝණ උත්පාදක යන්ත්රය භාවිතා කරන්න: මායිම් උපක්රම සමඟින් CSS ත්රිකෝණ ජනනය කරන්න - දිශාව, ප්රමාණය සහ වර්ණය.
Troubleshooting
ඇලවීමෙන් පසු පෙරදසුන වෙනස් ලෙස පෙනේ
ඔබේ පිටුවේ තරඟකාරී CSS සඳහා පරීක්ෂා කරන්න (නැවත සැකසීම්, උරුම වූ වර්ණ). ජනනය කරන ලද රීතිය පළමුව හුදකලා මෝස්තර පත්රයකට පිටපත් කරන්න.
නිති අසන පැණ
මෙය මගේ CSS උඩුගත කරයිද?
නැත. උත්පාදක සහ පරිවර්තක සජීවී පෙරදසුන සමඟ ඔබේ බ්රවුසරයේ ක්රියාත්මක වේ.
මට ගිණුමක් අවශ්යද?
නැත. මෙවලම විවෘත කරන්න, පාලන වෙනස් කරන්න, සහ CSS පිටපත් කරන්න.
අදාළ මෙවලම්
CSS Clip Path Generator
Build polygon and shape clip-paths with an interactive preview.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolBox Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open tool