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

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

Controls

2
2
4
50

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

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

Preview

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

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

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

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

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

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

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

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

1

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

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

2

აირჩიეთ ფერი

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

3

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

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

4

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 ტექსტის ეფექტი

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