შექმენით ლამაზი 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 კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CSS-ის გალამაზება
დააფორმატეთ და გაალამაზეთ თქვენი CSS კოდი პროფესიონალური სიზუსტით
ASCII-დან ორობითამდე
გადააკეთეთ ASCII სიმბოლოები ბინარულ კოდში უპრობლემოდ
ტექსტი რვაობით ფორმატში
ტექსტის რვაობით ფორმატში გადაყვანა უპრობლემოდ
TSV-ის JSON-ად გადაკეთება ძალისხმევის გარეშე
გარდაქმენით თქვენი TSV მონაცემები სტრუქტურირებულ JSON ფორმატში ერთი დაწკაპუნებით. სწრაფი, უსაფრთხო და სრულად ბრაუზერზე დაფუძნებული.