Si të përdorni gradientët e sfondit CSS?
Gradientët CSS shërbejnë si një mjet kryesor në shfaqjen e tranzicioneve pa probleme mes dy ose më shumë ngjyrave të përcaktuara në mënyrë eksplicite.
Le te perpiqemi.
Sintaksa për gradientët CSS:
background-image: linear-gradient( [ <angle> | <side-or-corner> ,]? <color-stop> [, <color-stop>]+ );
Sintaksa e lartpërmendur CSS, megjithëse haset shpesh, mund t'i shmanget të kuptuarit për individë të caktuar. Në të vërtetë, simbolet e përdorura aty kanë ngjashmëri me shprehjet e rregullta.
[]: Në rregulloren përfaqëson një klasë karakteresh, këtu mund ta kuptoni si një njësi të vogël.|: Përfaqëson një kandidat. Kjo është, kuptimi i "ose", ose përpara ose prapa.?: Dalloni matësit që përfaqësojnë 0 ose 1. Në këtë kontekst, ata nënkuptojnë opsionin për të vazhduar drejtpërdrejt në gradient pa specifikuar në mënyrë eksplicite drejtimin.+: Është gjithashtu një fjalë matës, që tregon 1 ose më shumë. Këtu, ato tregojnë se ngjyra e përfundimit është e domosdoshme.<>: Shërben si një mjet për t'u ofruar zhvilluesve fjalë kyçe përshkruese për të treguar përmbajtjen e synuar.
Shënim: Kjo ngjyrë mund të përdorë gjithashtu modalitetin RGB për të vendosur transparencën.
background-image: linear-gradient(to right top, rgb(255, 0, 0, 0), rgb(255, 255, 0, 0.5), rgb(0, 128, 0, 1)); background-image: linear-gradient(red, yellow, green);
Le të thellohemi në rëndësinë e secilit parametër.
angle.
angle paraqet këndin e gradientit, por vini re se kjo angle nuk është e njëjtë me rotate në transform.
Rrotullimi në transformim është rrotullimi në drejtim të akrepave të orës të këndit të specifikuar, ndërsa këndi në gradient identifikon këndin e divergjencës nga origjina qendrore.
