გრადიენტების გენერატორი
შექმენით წრფივი, რადიალური ან კონუსური გრადიენტი, დაამატეთ ფერის წერტილები, მიუთითეთ მიმართულება და დააკოპირეთ CSS ერთი დაწკაპუნებით.
ყოველი გრადიენტი იხატება პირდაპირ თქვენს ბრაუზერში. თქვენ მიერ მითითებული მონაცემები BroBroGo-ზე არ იტვირთება.
ხშირად დასმული კითხვები
რა განსხვავებაა წრფივ, რადიალურ და კონუსურ გრადიენტებს შორის?
წრფივი (linear) გრადიენტი აერთიანებს ფერებს სწორი ხაზის გასწვრივ, რომლის მიმართულებასაც კუთხით განსაზღვრავთ. რადიალური (radial) გრადიენტი მათ ცენტრიდან გარეთ ავრცელებს წრის ან ელიფსის ფორმით. კონუსური (conic) გრადიენტი კი ფერებს ცენტრის გარშემო ატრიალებს, ფერების ბორბლის მსგავსად.
რა არის ფერის წერტილები (color stops)?
თითოეული ფერის წერტილი (color stop) არის გრადიენტის გასწვრივ გარკვეულ პოზიციაზე დაფიქსირებული ფერი — 0% დასაწყისში, 100% ბოლოში. გადააადგილეთ წერტილი ფერის პიკის შესაცვლელად, ან დაამატეთ მეტი წერტილი უფრო მდიდარი გარდამავლობისთვის. შეგიძლიათ გამოიყენოთ რვამდე წერტილი.
როგორ ვმართო მიმართულება?
წრფივი (linear) ან კონუსური (conic) გრადიენტისთვის კუთხის სლაიდერი განსაზღვრავს მიმართულებას — 0° მიმართულია ზემოთ, 90° კი მარჯვნივ. რადიალურ (radial) გრადიენტს კუთხე არ გააჩნია; მის ნაცვლად აირჩიეთ წრის ან ელიფსის ფორმა, რათა შეცვალოთ მისი გავრცელება.