ღილაკის გადახედვა

გენერირებული 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 კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.

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

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

გაყიდვების გადასახადის კალკულატორი

მარტივად გამოთვალეთ გაყიდვების გადასახადი და საერთო ფასი ჩვენი ინტუიციური გაყიდვების გადასახადის კალკულატორით.

ASCII-დან ტექსტამდე

ASCII კოდი ტექსტად გადააკეთეთ უპრობლემოდ