Кантип CSS үч бурчтук кылып: абдан ыңгайлуу жолдору

Көп учурда сулуу заманбап интернет баракчалары көптөгөн кооз сүрөттөрү бар. Алардын арасында жөнөкөй элементтердин көптүгү менен иштеп чыгуу үчүн колдонулат үч бурчтук сыяктуу геометриялык өзгөрөт колдонот. Мисалы, алар келген ага назарын беттеги объектинин бир көрсөткүч катары пайдаланылат. Албетте, үч бурчтуктун негизги милдети - бир кооздук, аларды камтыган материалдарына, заманбап жана кызыктуу болуп жатат.

Стилдерди аркылуу мындай көрсөткүчтү жаратып, жана CSS-жылы үч бурчтук кылып кантип багам деп жатышат кантип баары эле билет.

сайттарга дизайн колдонуу

жерде дизайн бурчтуктун-жылы. Алар көрүүгү, Менюларды башкаруу, ар кандай UI элементтер жүзөгө ашырылат. Кээде алар жүктөө жараянынын индикаторун түзүү үчүн пайдаланылат. Аларга жок кылууга мүмкүн болгон мурда болсо, ал эми азыр бул мүмкүн эмес, ошондой эле өндүрүүчүлөрдүн талаптарына ылайыкташууга милдеттүү. Анткени, бүгүнкү күндө CSS бурчтуктун жараткан - иштей бөлүктөрүнүн ортосундагы өз ара курууда маанилүү бөлүгү жана бир уюмга бириктирүү.

Көптөгөн интернет долбоорчулар макетин, бул долбоор абдан көп учурда үч бурчтуктун келгенде үзгүдөй. Анын үстүнө, эч кандай касиеттери бул геометриялык көрсөткүчтү түзөт деп. Чынында эле, бул үчүн бир нече ыкмалар бар.

колдонуу алкакты түзүү ыкмасы

Биринчи ыкма сиз CSS менен үч бурчтук түзүүгө мүмкүндүк берет - чек ара. Ал жээкчелерин колдонуп жатат. чек мүлктү пайдалануу менен түзүлгөн чек түздөн-түз үч бурчтугу менен байланышы жок экендигине карабастан, бул үчүн абдан көп колдонулат.

нөлдүк объект узуну жана туурасы болуп, ошондой эле коюу чек ара орнотууну белгилөөдө, сен төрт бирдей үч бурчтуктун бөлүнөт аянты, көрүүгө болот. куулук гана зарыл болгон чек сакташыбыз керек, жана башка ачык-айкын кылуу болуп саналат. Ал эми азыр болсо, ал CSS туура багытта жана түсү тартылган бир бурчтук экен.

ар кандай түзөтүүнү колдонуу менен сүрөт тартуу зарылдыгы жок, анткени касиеттери "маанай" ыңгайлуу колдонуп бурчтарды түзүү. бурчтук параметрлери ар дайым кодексине өзгөртсө болот. Ошондой эле ал убакыт иштеп үнөмдөйт. алкагында ар түрдүү туурасын бириктирип, бул жеңил-сүрөттү алуу үчүн жетиштүү болуп саналат. Ал кантип иштээрин түшүнөсүзбү үчүн, жөн гана нөл, туурасы, бийиктиги менен бош элементи, абдан жоон маанай ар бир тараптан ар кандай түс түзө аласыз. Ошентип, төрт ачык-айкын үч бурчтуктун үч тарапты кабыл алуу ар кандай түрлөрү бар:

• үч бурчтук, сол карап, кайсы тарап бирдей;
• үч бурчтук, сол жана түздөлүп сезилет;
• бир узун үч бурчтук, солго карап;
• бурчтуу үч бурчтук, анын оң бурчунан сол;
• карай карап бурчтук;
• бурчтук карап;
• үч бурчтук, укугуна карап, жана башка түрлөрү.

колдонуу psevdoedementov

Бул ыкмалар менен, калкыма көрсөтмөлөрүн жана учтарындагы бурчту түзө алат. бирдигине CSS бурчтуктун аркылуу тиркөө үчүн, негизинен программисттер, мисалы, жасалма кийин, мурдагыдай эле колдонушат. Сен аларды колдоно турган болсо, анда ал бир мээсине кан бар CSS үч бурчтугу менен алыстап кетишибиз мүмкүн экени эскертилет.

Аларды бириктирип, иштеп мүлк колдонуу, кооз атуудан ар кандай түзүү абалын: салыштырмалуу аталык элемент. Бул алардын орун жылды эмес, жасалма максатында жүргүзүлөт.

Plus үчбурчтуктан түзүү үчүн CSS алкагында пайдалануу болуп төмөнкүлөр саналат:

• касиеттеринин жардамы менен өлчөмү жана түстүү тез жана жеңил түзөтүү;
• бардык эле браузерлерге колдоо.

жактары:

• Себеби, пайдалануу жана кадр, эч кандай мүмкүнчүлүгү колдонулат градиент, тени;
• кээде, колдонуучу Firefox браузеринин беттеги караганыбызда, Alpha балл иштебей калышы мүмкүн, жана бул сүрөттү көз жармак.

Колдонуу даяр сүрөттөрдү

үчбурчтуктан түзүү төмөнкү ыкма - шарттуу буркандарды колдонуу болуп саналат. үч бурчтук бир сүрөттөлүш редактору алдын ала жоболоштурулган жана адистештирилген кызмат менен атайын кодду айландырылат.

Бул методдун артыкчылыгы Сиз көлөкө, градиент жана алкагы менен абдан сулуу дизайнын жасап, андан кийин гана аны бүт коддорду алабыз. Бирок, ар бир жагы сүрөттөр программаларды эркин эмес деп чындык. Мындан тышкары сүрөт өтө чоң болсо, анда кодду линия жөн гана өтө алган эмес. Бул иштеп чыгуучуга кыйындатат.

браузерлердин Internert Explorer эски котормолорунда пайдалануу баасы өзүнчө пункт. Алардын ичинде, ыкма, жөн эле жардам бере бербейт.

Методу алуу чарчы

Бир жолу CSS алуу аянтта каражатын түзүү болуп саналат. эки негизги бирдиги бар. Бирок, кээ бир адамдар жасалма колдонушат.

Биринчиден, бир чарчы түзөт. Бул айлануучу мүчөсүнүн мазмунун болот. Андан кийин ал алмаз сыяктуу карап, ошондуктан, 45 градус менен жайгаштыруу. Кийинки, нөөмөт-жана тышкы бирдик менчик ашып тарабынан жашыруун: жашыруун. Бул чечим ошондой эле кайчылаш-браузер жок, жана кээде сүрөт каалаган катары көрсөтүлгөн эмес.

натыйжалары

Ошентип, үч бурчтук түзүү үчүн көптөгөн ыкмалар бар. Бир гана ал бардык бул CSS касиеттери жоготкон жок кылбайт? Бул учурда шилтеме ар дайым жардам берет. Бул стилдерди бардык өзгөчөлүктөрүн сүрөттөйт.

программалоо барып, CSS-жол көрүү үчүн эмес, адамдар үчүн, откондон туура өлчөмдөрүн жана түстөрдү пайда онлайн редакторлор бар. Жылы көрүү редактору, колдонуучу тандап жана орнотуулар санды тууралайт. чымындан боюнча өзүнчө терезеде жайгаштырылган CSS коду генератордук бурчтуктун айландырылат. Андан кийин, өндүрүлгөн коду жөн салынган киргизилген жана беттин дизайны туура келет.