შექმენით ლამაზი CSS ტექსტის გრადიენტი ძალისხმევის გარეშე
შექმენით განსაცვიფრებელი გრადიენტის ტექსტის ეფექტები თქვენი ვებსაიტისთვის
გრადიენტის კონტროლი
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
პოპულარული გრადიენტები
როგორ გამოვიყენოთ
შეიყვანეთ თქვენი ტექსტი
„ტექსტის“ შეყვანის ველში შეიყვანეთ ტექსტი, რომელზეც გსურთ გრადიენტის გამოყენება.
აირჩიეთ გრადიენტის ტიპი
აირჩიეთ ხაზოვანი, რადიალური ან კონუსური გრადიენტის ტიპებს შორის.
მიმართულების ან კუთხის რეგულირება
ხაზოვანი გრადიენტებისთვის აირჩიეთ მიმართულება. კონუსური გრადიენტებისთვის დააყენეთ კუთხე.
ფერების მორგება
სასურველი გრადიენტის შესაქმნელად დაამატეთ, წაშალეთ ან შეცვალეთ ფერის ზოლები და მათი პოზიციები.
CSS-ის კოპირება ან შენახვა
დააკოპირეთ გენერირებული CSS კოდი ან შეინახეთ CSS ფაილად თქვენს პროექტებში გამოსაყენებლად.
ტექსტის გრადიენტების შესახებ
CSS ტექსტის გრადიენტები საშუალებას გაძლევთ პირდაპირ ტექსტზე გამოიყენოთ ლამაზი, მრავალფეროვანი გრადიენტები. ეს ეფექტი ოდესღაც მხოლოდ სურათებით იყო შესაძლებელი, მაგრამ თანამედროვე CSS მას მარტივს და ეფექტურს ხდის.
ბრაუზერის მხარდაჭერა:ტექსტის გრადიენტები მხარდაჭერილია ყველა თანამედროვე ბრაუზერში, მათ შორის Chrome-ში, Firefox-ში, Safari-სა და Edge-ში. ძველი ბრაუზერებისთვის, როგორიცაა Internet Explorer, ტექსტი კვლავ ერთ ფერში გადავა.
გამოყენების რჩევები:ტექსტის გრადიენტები საუკეთესოდ მუშაობს თამამი ტექსტით და მაღალი კონტრასტის ფერების კომბინაციებით. სასურველი ეფექტის მისაღწევად ექსპერიმენტი ჩაატარეთ გრადიენტის სხვადასხვა ტიპებითა და მიმართულებით.
Related Tools
შექმენით იდეალური Flexbox განლაგებები
ვიზუალიზაცია გაუკეთეთ, პერსონალიზირება გაუკეთეთ და გენერირება გაუკეთეთ CSS flexbox კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
Sass-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი Sass კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
SCSS-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CMYK-დან HEX-მდე
ვებ დიზაინისა და ციფრული აპლიკაციებისთვის CMYK ფერის მნიშვნელობების HEX კოდებად გადაქცევა
JavaScript-ის გალამაზება
დააფორმატეთ და გაალამაზეთ თქვენი JavaScript კოდი პროფესიონალური სიზუსტით
SHA-2 ჰეშის კალკულატორი
სწრაფად და მარტივად შექმენით SHA-2 ჰეშები