ონლაინ CSS გრადიენტის ინსტრუმენტი
CSS Gradient არის ბედნიერი პატარა ვებსაიტი და უფასო ინსტრუმენტი, რომელიც საშუალებას გაძლევთ შექმნათ გრადიენტური ფონი ვებსაიტებისთვის.
CSS გრადიენტები საშუალებას გაძლევთ აჩვენოთ გლუვი გადასვლები ორ ან მეტ ფერს შორის.
CSS განსაზღვრავს ორი ტიპის გრადიენტს:
- ხაზოვანი გრადიენტები (მიდის ქვევით/ზევით/მარცხნივ/მარჯვნივ/დიაგონალურად)
- რადიალური გრადიენტები (განსაზღვრულია მათი ცენტრით)
CSS ხაზოვანი გრადიენტები
ხაზოვანი გრადიენტის შესაქმნელად თქვენ უნდა განსაზღვროთ მინიმუმ ორი ფერის გაჩერება. ფერის გაჩერებები არის ფერები, რომელთა შორის გლუვი გადასვლები გსურთ. თქვენ ასევე შეგიძლიათ დააყენოთ საწყისი წერტილი და მიმართულება (ან კუთხე) გრადიენტის ეფექტთან ერთად.
Სინტაქსი
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
CSS Radial Gradients
A radial gradient is defined by its center.
To create a radial gradient you must also define at least two color stops.
Syntax
background-image: radial-gradient(shape size at position, start-color, ..., last-color);
By default, shape is ellipse, size is farthest-corner, and position is center.
Set Shape
The shape parameter defines the shape. It can take the value circle or ellipse. The default value is ellipse.
The following example shows a radial gradient with the shape of a circle:
