මෙවලම් පිරික්සන්න

CSS Clip Path Generator

අන්තර්ක්‍රියාකාරී පෙරදසුනක් සමඟින් බහුඅස්‍ර තැනීම සහ ක්ලිප්-පාත් හැඩ ගැන්වීම. වීර හැඩතල සහ රූප ආවරණ සඳහා විශිෂ්ටයි.

CSS Clip Path Generator

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

අන්තර්ක්‍රියාකාරී පෙරදසුනක් සමඟින් බහුඅස්‍ර තැනීම සහ ක්ලිප්-පාත් හැඩ ගැන්වීම.
ඔබගේ බ්‍රවුසරයේ ධාවනය වේ
භාවිතා කිරීමට නොමිලේ

භාවිතා කරන ආකාරය

පෙර සැකසූ හැඩයක් හෝ බහුඅස්ර ලක්ෂයක් තෝරන්න.
අවශ්‍ය පරිදි ලකුණු සකසන්න.
ක්ලිප්-පාත් CSS පිටපත් කරන්න.

How this tool works

පෙර සැකසූ හැඩයක් හෝ බහුඅස්ර ලක්ෂයක් තෝරන්න.
අවශ්‍ය පරිදි ලකුණු සකසන්න.
ක්ලිප්-පාත් CSS පිටපත් කරන්න.

Recommended settings

පෙරනිමි විකල්ප භාවිතා කරන්න, පසුව අවශ්ය නම් සකස් කරන්න

Supported formats

Text / on-page input

File size and limits

ඉතා සංකීර්ණ බහු-ස්ථර පෙරදසුන් පැරණි දුරකථනවල මන්දගාමී බවක් දැනිය හැක.

Privacy

වර්ණ සහ CSS ජනක යන්ත්‍ර සම්පුර්ණයෙන්ම ඔබගේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ. පෙරදසුන් සහ පරිවර්තන කිසිවිටෙක ඔබේ මෝස්තර උඩුගත නොකරයි.

Common use cases

ඔබට අවශ්‍ය විටෙක CSS Clip Path Generator භාවිතා කරන්න: අන්තර්ක්‍රියාකාරී පෙරදසුනක් සමඟින් බහුඅස්‍ර තැනීම සහ ක්ලිප්-පාත් සැකසීම.

Troubleshooting

ඇලවීමෙන් පසු පෙරදසුන වෙනස් ලෙස පෙනේ

ඔබේ පිටුවේ තරඟකාරී CSS සඳහා පරීක්ෂා කරන්න (නැවත සැකසීම්, උරුම වූ වර්ණ). ජනනය කරන ලද රීතිය පළමුව හුදකලා මෝස්තර පත්‍රයකට පිටපත් කරන්න.

නිති අසන පැණ

මෙය මගේ CSS උඩුගත කරයිද?

නැත. උත්පාදක සහ පරිවර්තක සජීවී පෙරදසුන සමඟ ඔබේ බ්‍රවුසරයේ ක්‍රියාත්මක වේ.

මට ගිණුමක් අවශ්‍යද?

නැත. මෙවලම විවෘත කරන්න, පාලන වෙනස් කරන්න, සහ CSS පිටපත් කරන්න.

අදාළ මෙවලම්

CSS Triangle Generator

Generate CSS triangles with border tricks — direction, size, and color.

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.