CSS క్లిప్ పాత్ జనరేటర్

ఇంటరాక్టివ్ ప్రివ్యూతో బహుభుజిని రూపొందించండి మరియు క్లిప్-పాత్‌లను ఆకృతి చేయండి. హీరో ఆకారాలు మరియు ఇమేజ్ మాస్క్‌లకు గొప్పది.

CSS Clip Path Generator

Live

Shape

CSS output

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

ఇంటరాక్టివ్ ప్రివ్యూతో బహుభుజిని రూపొందించండి మరియు క్లిప్-పాత్‌లను ఆకృతి చేయండి.
మీ బ్రౌజర్‌లో రన్ అవుతుంది
ఉపయోగించడానికి ఉచితం

Text / on-page input

రంగు & CSS జనరేటర్లు మీ బ్రౌజర్‌లో పూర్తిగా రన్ అవుతాయి. ప్రివ్యూలు మరియు మార్పిడులు మీ శైలులను ఎప్పుడూ అప్‌లోడ్ చేయవు.

మీకు అవసరమైనప్పుడు CSS క్లిప్ పాత్ జనరేటర్‌ని ఉపయోగించండి: ఇంటరాక్టివ్ ప్రివ్యూతో బహుభుజిని రూపొందించండి మరియు క్లిప్-పాత్‌లను ఆకృతి చేయండి.

మీ పేజీలో పోటీ CSS కోసం తనిఖీ చేయండి (రీసెట్లు, వారసత్వంగా వచ్చిన రంగులు). ముందుగా రూపొందించబడిన నియమాన్ని వివిక్త స్టైల్‌షీట్‌లోకి కాపీ చేయండి.

లేదు. జనరేటర్‌లు మరియు కన్వర్టర్‌లు మీ బ్రౌజర్‌లో లైవ్ ప్రివ్యూతో రన్ అవుతాయి.

లేదు. సాధనాన్ని తెరవండి, నియంత్రణలను సర్దుబాటు చేయండి మరియు CSSని కాపీ చేయండి.