Si mund CSS trekëndësh: mënyrat më të përshtatshme

Shumë shpesh faqet e bukura e internetit moderne përmbajnë shumë grafikë tërheqëse. Midis tyre më të thjeshtë përdor formë të tillë gjeometrike si një trekëndësh, e cila është përdorur për të hartuar një shumicë të elementeve. Për shembull, ato janë përdorur si një tregues për një objekt në faqe të vizitori kthyer vëmendjen e tij tek ai. Sigurisht, funksioni kryesor i trekëndëshit - një dekorative, si blloqe që përmbajnë ato, janë duke u bërë më modern dhe atraktiv.

Jo të gjithë e di se si për të krijuar një figurë të tillë përmes Cascading Style Sheets, dhe po mendojnë se si të bëjnë një trekëndësh në CSS.

Aplikimi në hartimin e faqet

Në web trekëndëshat projektimit kudo. Ata janë bërë nga këshilla, menutë, elemente të ndryshme UI. Ndonjëherë ato janë përdorur për të krijuar një tregues të procesit të boot. Dhe në qoftë se më parë ishte e mundur për të bërë pa to, por tani është e pamundur, dhe zhvilluesit janë të detyruar për t'iu përshtatur kërkesave të tilla. Në fund të fundit, sot e krijuar në CSS trekëndësh - një rol të rëndësishëm në ndërtimin e ndërlidhjes në mes të pjesëve të ndërfaqes dhe shkrihen në një njësi të vetme.

Shumë web designers janë në mëdyshje, kur është fjala për paraqitjen, dizajni i të cilit është shumë shpesh trekëndëshat. Pas të gjitha, ka prona që do të krijojë direkt këtë figurë gjeometrike. Në fakt, ka disa metoda të shumta për ta bërë këtë.

Një metodë e krijimit kornizë përdorimit

Metoda e parë ju lejon të krijoni një trekëndësh në CSS - kufirin. Ai është duke përdorur korniza. Pavarësisht nga fakti se kufijtë që janë krijuar duke përdorur pronën kufitare nuk është i lidhur direkt me trekëndësh, ajo është më shpesh përdoret për këtë qëllim.

Kur vendosjen lartësinë zero dhe gjerësinë e objektit, si dhe instalimin e një kufi të trashë, ju mund të shihni shesh, e cila është e ndarë në katër trekëndëshat barabarta. Qëllimi është që ju duhet të mbani vetëm kufirin e nevojshëm, dhe të tjerët për të bërë transparent. Dhe tani, ajo rezulton një trekëndësh tërhequr në drejtimin e duhur CSS dhe ngjyra.

Krijo kënde duke përdorur vetitë "kornizë" është i përshtatshëm, sepse nuk ka nevojë për të nxjerrë fotot duke përdorur ndonjë redaktimi. Parametrat trekëndësh gjithmonë mund të ndryshohet në kodin. Dhe kjo kursen zhvilluesi kohë. Duke i kombinuar gjerësinë ndryshme të kornizës ajo është e lehtë të mjaftueshme për të marrë shifrën. Për të kuptuar se si funksionon, ju thjesht mund të krijoni një element bosh me një gjerësi zero, lartësi, dhe kornizë shumë të trashë një ngjyrë të ndryshme në çdo anë. Pra, duke e bërë të tre anët e katër trekëndëshat transparente janë të llojeve të ndryshme:

• trekëndësh, duke kërkuar në të majtë, anët e së cilës janë të barabartë;
• trekëndësh, duke lënë dhe rrafshuar;
• një trekëndësh zgjatur, përballet e majta;
• trekëndësh angled, të cilit e majta në kënd të drejtë;
• trekëndësh në kërkim poshtë;
• trekëndësh në kërkim të up;
• trekëndësh, duke kërkuar në të djathtë, dhe shumë lloje të tjera.

Përdorimi psevdoedementov

Me këto teknika, ju mund të krijoni kënde në udhëzimet e pop-up dhe këshilla. Për të bashkëngjitur nëpërmjet CSS trekëndësh të njësisë, kryesisht programuesit përdorin të tilla si një pseudo-pas dhe para. Në qoftë se ju përdorni ato së bashku, është e mundur për të nxjerrë në trekëndëshin CSS që ka një goditje.

Duke i kombinuar ato, zhvilluesit krijuar një shumëllojshmëri të revole të bukur, duke aplikuar pronës Pozicioni: relative të elementit mëmë. Kjo është bërë në mënyrë që të pseudo-mos lëvizur nga vendet e tyre.

Plus përdorimin e kornizës CSS për krijimin e trekëndëshat janë:

• redaktimi shpejtë dhe të lehtë të madhësive dhe ngjyrave me ndihmën e pronave;
• mbështetjen e të gjithë shfletuesit.

cons:

• sepse ai përdor kornizë, nuk ka asnjë mundësi për të aplikuar shkallëzuar, hijet;
• ndonjëherë, kur përdoruesi shikon faqen e shfletuesit Firefox, vlera alfa nuk mund të punojnë, dhe kjo do të shtrembërojnë imazhin.

Duke përdorur të gatshme fotografi

Metoda e mëposhtme e krijimit trekëndëshat - është përdorimi i imazheve koduara. Trekëndësh është tërhequr paraprakisht në një redaktor imazh dhe të konvertohet në një kod të veçantë me shërbime të specializuara.

Përparësia e kësaj metode është se ju mund të bëni një dizajn shumë të bukur me hijet, gradients, dhe kornizë dhe pastaj vetëm të shifroj të gjitha. Por downside është fakti se jo të gjithë është i rrjedhshëm në programet grafike. Përveç kësaj, në qoftë se imazhi është shumë i madh, linjë e kodit është marrë nga thjesht e madhe. Ky është i papërshtatshëm për zhvilluesi i saj.

Një zë i veçantë me vlerë përdorimi i shfletuesit Internert Explorer versionet e vjetra. Në to, metoda thjesht nuk punon.

Metoda përmbysur katror

Një mënyrë është për të krijuar një mjet për CSS përmbysur sheshit. Ka dy njësi themelore. Por disa njerëz përdorin pseudo.

Së pari, ju e krijoni një shesh. Ajo do të jetë përmbajtja e anëtarit të rradhës. Pastaj të vendosë atë me 45 gradë, në mënyrë që ajo dukej si një diamant. Tjetra, ndryshim-up dhe një njësi e jashtme është e fshehur nga fryhen pronës: fshehur. Kjo zgjidhje gjithashtu nuk është një ndër-browser, dhe nganjëherë foto nuk është shfaqur si e dëshiruar.

rezultatet

Pra, ka shumë metoda për të krijuar një trekëndësh. Vetëm ajo nuk ka marrë humbur në të gjitha këto prona CSS? Referenca në këtë rast gjithmonë do të të ndihmojë. Ai përshkruan të gjitha tiparet e Cascading Style Sheets.

Për ata që nuk duan të shkojnë në programimin dhe shikoni CSS-udhëzues, ka redaktorë online që gjenerojnë trekëndëshat madhësive të drejtë dhe ngjyra. Në editor vizual, përdoruesi zgjedh dhe konfiguron gjithë figurën settings. Konvertuar në kodin CSS gjenerator trekëndësh vendosur në një dritare të veçantë të fluturojnë. Pastaj, Kodi i gjeneruar është futur thjesht në stylesheet dhe të përshtaten dizajnin e faqes.