უფასო CSS ღილაკების გენერატორი

Erstellen Sie ansprechende, საპასუხო Schaltflächen für Ihre ვებსაიტი. 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

სტილუსის CSS-ში გადამყვანი

გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.

CSS-ის გალამაზება

დააფორმატეთ და გაალამაზეთ თქვენი CSS კოდი პროფესიონალური სიზუსტით

შექმენით იდეალური Flexbox განლაგებები

ვიზუალიზაცია გაუკეთეთ, პერსონალიზირება გაუკეთეთ და გენერირება გაუკეთეთ CSS flexbox კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.

Pantone-დან HSV-მდე

ზუსტი ფერის კონტროლისთვის, Pantone-ის ფერების HSV მნიშვნელობებად გადაქცევა

CSS-დან LESS-მდე გადამყვანი

გარდაქმენით თქვენი CSS კოდი LESS-ად ცვლადების, ჩადგმის და სხვა ფუნქციების გამოყენებით. სწრაფი, მარტივი და უსაფრთხო.

RGB-დან CMYK-მდე

ბეჭდვის დიზაინისთვის RGB ფერების CMYK მნიშვნელობებად გადაქცევა