CSS გრადიენტის გენერატორი

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

გრადიენტის ტიპი კუთხე (deg)

X პოზიცია (%) Y პოზიცია (%)

ფერის გაჩერებები

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

მზადაა

ბრაუზერში ჩაშენებული ლოკალური დამუშავება

თქვენი გრადიენტი რჩება ამ ბრაუზერში. არანაირი ფერი ან გენერირებული CSS არ იგზავნება Convertr-ში.

შეზღუდული იმპორტის გრამატიკა

Import იღებს linear-gradient(), radial-gradient() ან conic-gradient()-ს hex ფერებითა და პროცენტებით. განცხადებები, URLs, ცვლადები და უცნობი ფუნქციები უარყოფილია ლოკალურად.

ხელმისაწვდომი სათადარიგო

გენერირებული CSS მოიცავს მყარი ფონის ფერის სათადარიგო ვარიანტს გრადიენტის გვერდით, არამხარდამჭერი რენდერერებისა და ხელმისაწვდომი მართვის ქრომისთვის.

ხშირად დასმული კითხვები

ატვირთულია თუ არა ჩემი გრადიენტი?

არა. გრადიენტის მდგომარეობა, ფერები, იმპორტირებული CSS და გენერირებული CSS რჩება თქვენს ბრაუზერში.

რომელი CSS გრადიენტის ტიპებია მხარდაჭერილი?

გენერატორი ქმნის linear-gradient(), radial-gradient() და conic-gradient() გამოსავალს მრავალი hex ფერის გაჩერებით.

რისი იმპორტი შემიძლია?

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

დაკავშირებული დეველოპერისა და დიზაინის ინსტრუმენტები

დეველოპერის ხელსაწყოებიდაათვალიერეთ ბრაუზერის ინსტრუმენტები CSS ფერის კონვერტორიCSS ფერების გადაყვანა SCSS კომპილატორიშეადგინე Sass/SCSS ფრაგმენტები ონლაინ CSS მინიფიკატორიCSS კოდის შეკუმშვა ლოკალურად თქვენს ბრაუზერში. სურათის ფერის ამომრჩევიაირჩიეთ ფერები სურათებიდან ლოკალურად.