შექმენით ლამაზი 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 კოდს ჩვენი ინტუიციური გადათრევის და ჩაშვების ინტერფეისის გამოყენებით.
სტილუსის CSS-ში გადამყვანი
გარდაქმენით თქვენი SCSS კოდი CSS-ად. სწრაფად, მარტივად და უსაფრთხოდ.
CSS-ის გალამაზება
დააფორმატეთ და გაალამაზეთ თქვენი CSS კოდი პროფესიონალური სიზუსტით
ASCII-დან ორობითამდე
გადააკეთეთ ASCII სიმბოლოები ბინარულ კოდში უპრობლემოდ
ტექსტი რვაობით ფორმატში
ტექსტის რვაობით ფორმატში გადაყვანა უპრობლემოდ
TSV-ის JSON-ად გადაკეთება ძალისხმევის გარეშე
გარდაქმენით თქვენი TSV მონაცემები სტრუქტურირებულ JSON ფორმატში ერთი დაწკაპუნებით. სწრაფი, უსაფრთხო და სრულად ბრაუზერზე დაფუძნებული.