ਮੁਫ਼ਤ CSS ਬਟਨ ਜਨਰੇਟਰ

Erstellen Sie ansprechende, ਜਵਾਬਦੇਹ Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

ਬਟਨ ਪੂਰਵਦਰਸ਼ਨ

ਤਿਆਰ ਕੀਤਾ 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

CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ

ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ

ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ

ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।

CSS ਤੋਂ ਘੱਟ ਪਰਿਵਰਤਕ

ਵੇਰੀਏਬਲ, ਨੇਸਟਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਾਲ ਆਪਣੇ CSS ਕੋਡ ਨੂੰ ਘੱਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।

RGB ਤੋਂ CMYK

ਪ੍ਰਿੰਟ ਡਿਜ਼ਾਈਨ ਲਈ RGB ਰੰਗਾਂ ਨੂੰ CMYK ਮੁੱਲਾਂ ਵਿੱਚ ਬਦਲੋ

HEX ਤੋਂ Pantone

ਪੇਸ਼ੇਵਰ ਡਿਜ਼ਾਈਨ ਲੋੜਾਂ ਲਈ HEX ਰੰਗ ਕੋਡਾਂ ਨੂੰ ਪੈਨਟੋਨ ਮੈਚਿੰਗ ਸਿਸਟਮ® ਰੰਗਾਂ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਬਦਲੋ।

ਦਸ਼ਮਲਵ ਤੋਂ ਔਕਟਲ

ਦਸ਼ਮਲਵ ਸੰਖਿਆਵਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਔਕਟਾਲ ਵਿੱਚ ਬਦਲੋ