Border RadiusGenerator

బోర్డర్-రేడియస్ CSS డిక్లరేషన్ లను వేగంగా జనరేట్ చేయడానికి బోర్డర్-రేడియస్ CSS జనరేటర్ టూల్.

Preview

Preview image

CSS Output

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

క్లిప్ పాత్ నియంత్రణలు

ప్రాథమిక ఆకృతులు

ఆకృతి లక్షణాలు

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

ఎలా ఉపయోగించాలి

ప్రాథమిక నియంత్రణలు

  • షేప్ సెలక్షన్ ప్యానెల్ నుంచి బేసిక్ ఆకారాన్ని ఎంచుకోండి
  • రేంజ్ స్లైడర్ లను ఉపయోగించి ఆకార పరామీటర్ లను సర్దుబాటు చేయండి
  • క్లిప్ మార్గాన్ని పునర్నిర్మించడం కొరకు ప్రివ్యూలో కంట్రోల్ పాయింట్లను డ్రాగ్ చేయండి
  • యాడ్ పాయింట్స్ మోడ్ ఉపయోగించి కస్టమ్ ఆకారాలకు పాయింట్లను జోడించండి

అధునాతన ఫీచర్లు

  • మీకు ఇష్టమైన ఆకారాలకు శీఘ్ర ప్రాప్యత కోసం ప్రీసెట్ లను సేవ్ చేయండి మరియు లోడ్ చేయండి
  • అనుకూల వ్యవధి, సడలింపు మరియు పునరావృతాలతో మీ క్లిప్ మార్గాలను యానిమేట్ చేయండి
  • జనరేట్ చేయబడ్డ CSS కోడ్ ని కాపీ చేయండి మరియు దానిని మీ ప్రాజెక్ట్ లో పేస్ట్ చేయండి.
  • సౌకర్యవంతమైన అర్థరాత్రి డిజైనింగ్ కొరకు టోగిల్ డార్క్ మోడ్

Related Tools