შექმენით ლამაზი 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
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
რბილი ჩრდილი
საშუალო ჩრდილი
მძიმე ჩრდილი
შინაგანი ჩრდილი
მკვეთრი დიაგონალი
კონტურის ნათება
ორმაგი ჩრდილი
ლიფტინგის ეფექტი
როგორ გამოვიყენოთ
ძირითადი კონტროლი
- შეცვალეთჰორიზონტალური ოფსეტიჩრდილის მარცხნივ ან მარჯვნივ გადატანა
- შეცვალეთვერტიკალური ოფსეტიჩრდილის ზემოთ ან ქვემოთ გადასატანად
- გაზრდადაბინდვის რადიუსირომ ჩრდილი უფრო რბილი გახდეს
- Use გავრცელების რადიუსიჩრდილის საერთო ზომის გაზრდა ან შემცირება
- შეცვალეთColor and Opacityჩრდილის გარეგნობის პერსონალიზებისთვის
გაფართოებული ფუნქციები
- Enable ჩასმული ჩრდილიშიდა ჩრდილის ეფექტის შესაქმნელად
- Use მრავალი ჩრდილიუფრო რთული ეფექტებისთვის
- შენახვა და ჩატვირთვაPresetsთქვენს საყვარელ ჩრდილებზე სწრაფი წვდომისთვის
- Click შემთხვევითი ჩრდილიშთაგონებისთვის
- დააკოპირეთ გენერირებული CSS კოდი და ჩასვით თქვენს პროექტში
Related Tools
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
SCSS-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
Sass-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი Sass კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CMYK-დან PANTONE-მდე
ბეჭდვის დიზაინისთვის CMYK ფერის მნიშვნელობების გადაყვანა Pantone®-ის უახლოეს ეკვივალენტებად
ტექსტი ათწილადად
ტექსტის ათობით ფორმატში გადაყვანა უპრობლემოდ
ასაკის კალკულატორი
გამოთვალეთ თქვენი ზუსტი ასაკი წლებში, თვეებსა და დღეებში ჩვენი ზუსტი ასაკის კალკულატორის გამოყენებით.