შექმენით ლამაზი CSS ყუთის ჩრდილები ძალისხმევის გარეშე
შექმენით განსაცვიფრებელი კვადრატული ჩრდილები ჩვენი ინტუიციური ინტერფეისით. დააკოპირეთ CSS კოდი და მყისიერად გამოიყენეთ თქვენს პროექტებში.
Preview
ყუთის ჩრდილი
პერსონალიზება
CSS გამომავალი
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
ჩრდილის კონტროლი
Position
Size
Color
Options
Presets
რბილი ჩრდილი
საშუალო ჩრდილი
მძიმე ჩრდილი
შინაგანი ჩრდილი
მკვეთრი დიაგონალი
კონტურის ნათება
ორმაგი ჩრდილი
ლიფტინგის ეფექტი
როგორ გამოვიყენოთ
ძირითადი კონტროლი
- შეცვალეთჰორიზონტალური ოფსეტიჩრდილის მარცხნივ ან მარჯვნივ გადატანა
- შეცვალეთვერტიკალური ოფსეტიჩრდილის ზემოთ ან ქვემოთ გადასატანად
- გაზრდადაბინდვის რადიუსირომ ჩრდილი უფრო რბილი გახდეს
- Use გავრცელების რადიუსიჩრდილის საერთო ზომის გაზრდა ან შემცირება
- შეცვალეთColor and Opacityჩრდილის გარეგნობის პერსონალიზებისთვის
გაფართოებული ფუნქციები
- Enable ჩასმული ჩრდილიშიდა ჩრდილის ეფექტის შესაქმნელად
- Use მრავალი ჩრდილიუფრო რთული ეფექტებისთვის
- შენახვა და ჩატვირთვაPresetsთქვენს საყვარელ ჩრდილებზე სწრაფი წვდომისთვის
- Click შემთხვევითი ჩრდილიშთაგონებისთვის
- დააკოპირეთ გენერირებული CSS კოდი და ჩასვით თქვენს პროექტში
Related Tools
შექმენით იდეალური Flexbox განლაგებები
ვიზუალიზაცია გაუკეთეთ, პერსონალიზირება გაუკეთეთ და გენერირება გაუკეთეთ CSS flexbox კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
Sass-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი Sass კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
SCSS-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CSS ლენტის გენერატორი
შექმენით თვალისმომჭრელი ლენტები თქვენი ვებსაიტისთვის
რომაული ციფრებიდან რიცხვებად გადამყვანი
რომაული ციფრების მათ რიცხობრივ ეკვივალენტებად გადაქცევა ეტაპობრივი ახსნით
უფასო 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.