გრადიენტის კონტროლი
.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
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CSS-ის გალამაზება
დააფორმატეთ და გაალამაზეთ თქვენი CSS კოდი პროფესიონალური სიზუსტით
შექმენით იდეალური Flexbox განლაგებები
ვიზუალიზაცია გაუკეთეთ, პერსონალიზირება გაუკეთეთ და გენერირება გაუკეთეთ CSS flexbox კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
SHA3-512 ჰეშის კალკულატორი
სწრაფად და მარტივად შექმენით SHA3-512 ჰეშები
SHA3-384 ჰეშის კალკულატორი
სწრაფად და მარტივად შექმენით SHA3-384 ჰეშები
სურათის Base64 კონვერტორი
სურათების Base64 კოდირებაში გადაყვანა ვებ-განვითარებისა და მონაცემთა ჩასმისთვის