შექმენით ლამაზი 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
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
SCSS-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
Sass-დან CSS-მდე გადამყვანი
გარდაქმენით თქვენი Sass კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CMYK-დან PANTONE-მდე
ბეჭდვის დიზაინისთვის CMYK ფერის მნიშვნელობების გადაყვანა Pantone®-ის უახლოეს ეკვივალენტებად
ტექსტი ათწილადად
ტექსტის ათობით ფორმატში გადაყვანა უპრობლემოდ
ასაკის კალკულატორი
გამოთვალეთ თქვენი ზუსტი ასაკი წლებში, თვეებსა და დღეებში ჩვენი ზუსტი ასაკის კალკულატორის გამოყენებით.