బటన్ ప్రివ్యూ

జనరేట్ చేయబడ్డ CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

బటన్ లక్షణాలు

పాపులర్ ప్రీసెట్ లు

Related Tools

CSS కన్వర్టర్ కు తక్కువ

మీ లెస్ కోడ్ ని CSS గా మార్చండి. వేగవంతమైన, సులభమైన మరియు సురక్షితమైనది.

CSS Minifier

ప్రొఫెషనల్ కచ్చితత్వంతో మీ CSS కోడ్ ని కంప్రెస్ చేయండి మరియు ఆప్టిమైజ్ చేయండి

Sass to CSS Converter

మీ సాస్ కోడ్ ను CSS గా మార్చండి. వేగవంతమైన, సులభమైన మరియు సురక్షితమైనది.

అప్రయత్నంగా అందమైన CSS గ్రేడియెంట్ లను సృష్టించండి

మా సహజ ఇంటర్ఫేస్తో అద్భుతమైన రేఖీయ, రేడియల్ మరియు కోనిక్ గ్రేడియెంట్లను సృష్టించండి. CSS కోడ్ ను కాపీ చేయండి మరియు దానిని తక్షణమే మీ ప్రాజెక్ట్ ల్లో ఉపయోగించండి.

మీ టెక్స్ట్ నుంచి లైన్ బ్రేక్ లను తొలగించండి

మల్టీ-లైన్ టెక్స్ట్ ని మా సులభంగా ఉపయోగించే టూల్ తో ఒకే నిరంతర లైన్ గా మార్చండి.

ఏరియా యూనిట్ కన్వర్టర్

వైశాల్యం యొక్క విభిన్న యూనిట్ ల మధ్య కచ్చితత్వం మరియు తేలికగా మార్చడం