ონლაინ ტექსტის ჩრდილის CSS გენერატორი

შექმენით განსაცვიფრებელი გრადიენტის ტექსტის ეფექტები თქვენი ვებსაიტისთვის

Controls

Text

Horizontal Offset (px) 2

Vertical Offset (px) 2

Blur Radius (px) 4

ჩრდილის ფერი

Opacity (%) 50

მრავალი ჩრდილი

მრავალი ჩრდილის ჩართვა

პოპულარული წინასწარ დაყენებული პარამეტრები

Preview

ტექსტის ჩრდილის დემო

Background

შრიფტის სტილი

გენერირებული CSS

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

ტექსტის ჩრდილის გენერატორის შესახებ

მარტივი გამოსაყენებელი

შექმენით ლამაზი ტექსტის ჩრდილები ჩვენი ინტუიციური ინტერფეისით. CSS-ის ცოდნა არ არის საჭირო!

სრულად რეაგირებადი

იდეალურად მუშაობს ყველა მოწყობილობაზე, მობილური ტელეფონებიდან დაწყებული დესკტოპ კომპიუტერებით დამთავრებული.

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

როგორ გამოვიყენოთ ტექსტის ჩრდილების გენერატორი

სლაიდერების რეგულირება

იდეალური ჩრდილის შესაქმნელად შეცვალეთ ჰორიზონტალური ოფსეტი, ვერტიკალური ოფსეტი, დაბინდვის რადიუსი და გამჭვირვალობა.

აირჩიეთ ფერი

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

გადახედეთ თქვენს დიზაინს

ნახეთ, როგორ გამოიყურება თქვენი ტექსტის ჩრდილი რეალურ დროში ჩვენი ინტერაქტიული გადახედვის საშუალებით.

CSS-ის კოპირება

დააწკაპუნეთ კოპირების ღილაკზე, რომ მიიღოთ თქვენს მიერ გენერირებული CSS კოდი და გამოიყენოთ იგი თქვენს პროექტში.

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

ნეონის ნათების ეფექტი

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

3D ტექსტის ეფექტი

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

დახვეწილი ჩრდილი

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

შინაგანი ჩრდილი

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools

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

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

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

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

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

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

სიგრძის გადამყვანი

გადაიყვანეთ სიგრძის სხვადასხვა ერთეულებს შორის მარტივად და ზუსტად. იდეალურია ყოველდღიური გამოყენებისა და პროფესიონალური გამოყენებისთვის.

რიცხვების რომაულ ციფრებად გადამყვანი

გადააკეთეთ რიცხვები რომაულ ციფრებად მარტივად და ზუსტად

JSON-ის CSV-ად გადაყვანა

ჩასვით თქვენი JSON მონაცემები ქვემოთ და ერთი დაწკაპუნებით გადააკეთეთ ისინი CSV ფორმატში.