Како ЦСС троугао: најпогоднији начин

Врло често лепе модерне веб странице садрже многе атрактивне графике. Међу њима најједноставнији користи такав геометријски облик као троугао, који се користи за дизајнирање мноштво елемената. На пример, они се користе као показивач на објекту на страници да је посетилац окренуо пажњу на њега. Наравно, главна функција троугла - декоративни, као блокова који их садрже, постају модеран и атрактиван.

Није свако зна како да створи такву слику кроз Цасцадинг Стиле Схеетс, и питају како направити троугао у ЦСС.

Примена у дизајну локација

У веб дизајн троуглова свуда. Они су направљени од савете, меније, разне УИ елемената. Понекад се користи за стварање показатељ процеса подизања система. И ако је раније било могуће без њих, али сада је немогуће, а програмери су дужни да се прилагоде таквим захтевима. Уосталом, данас је направљена за ЦСС троуглу - важну улогу у изградњи интерконекције између делова интерфејса и стапају у један ентитет.

Многи Веб дизајнери су збуњени када је у питању распоред, са дизајном који је веома често троуглове. На крају крајева, нема својства која би директно направили ову геометријска фигура. У ствари, постоји више начина да се то уради.

Поступак стварања оквира коришћења

Први метод вам омогућава да направите троугао у ЦСС - границу. Он користи оквире. Упркос чињеници да су границе које су креиране помоћу граничног имовине није директно у вези са троуглу, то се најчешће користи у ту сврху.

Приликом постављања висину и ширину објекта нула, као и инсталацију дебелим границе, можете видети квадрат, који је подељен на четири једнака троугла. Трик је у томе да треба да се задржи само потребну границу, а остали да транспарентно. И сада, испоставља се троугао нацртан у правом смеру ЦСС и боје.

Створити углова помоћу Пропертиес "оквир" је згодно, јер нема потребе да се цртају слике користећи сваку измену. Параметри троугао може увек да се промени у коду. И то штеди време програмера. Комбинацијом различитих ширина оквира је лако довољно да фигуру. Да бисте разумели како то ради, можете једноставно створити празан елемент са нула ширина, висина, и веома густа оквир другачији боје на свакој страни. Дакле, што све три стране од четири провидних троугла су различите врсте:

• троугао, гледајући у лево, са бочним странама од којих су једнаки;
• троугао, гледајући лево и сравњена са земљом;
• издужени троугао, фацинг лефт;
• под углом троугао, чија је лева на десно углу;
• троугао гледа на доле;
• троугао лоокинг уп;
• троугао, гледа на десно, и многе друге врсте.

Коришћење псевдоедементов

Са овим техникама, можете креирати углове у упутствима и саветима поп-уп. Да бисте приложили преко ЦСС троугла јединици, углавном програмери користе као што је псеудо-после и пре. Ако их користите заједно, могуће је извући у ЦСС троуглу можданог удара.

Њиховим комбиновањем, програмери креирају различите прелепом стрелца, применом имовине поситион: релативе на родитељског елемента. Ово се ради да би се псеудо-не иселио из својих мјеста.

Плус употреба ЦСС оквира за стварање троуглови су:

• брзо и једноставно уређивање величина и боја уз помоћ имовине;
• подржати свим бровсерима.

Цонс:

• јер користи рам, не постоји могућност да се нагибу сенке;
• Понекад, када корисник гледа у страну Фирефок претраживача, алфа вриједност можда неће радити, а то ће нарушити имиџ.

Користећи готове слике

Следећи метод стварања троуглова - је употреба кодираних слика. Троугао је уцртана у унапред у едитору слика и претворена у посебном шифром са специјализованим услугама.

Предност ове методе је што можете направити врло леп дизајн са сенкама, нагибу и оквира и онда само све кодирање. Али мана је чињеница да нису сви течно говори у графичким програмима. Осим тога, ако је слика веома велика, линија кода се добија једноставно огроман. Ово је незгодно за програмера.

Посебан предмет вреди употреба претраживача Интернерт Екплорер старе верзије. У њима, метод једноставно не ради.

Метод инвертед квадрат

Један од начина је да се створи средство за ЦСС обрнути квадрат. Постоје два основна јединица. Али неки људи користе псеудо.

Прво, да направите квадрат. То ће бити садржај ротирајућег члана. Затим га распореди за 45 степени, тако да је изгледало као дијамант. Следеће, смена-горе и екстерни јединица је сакривен од имовине прелива: сакривен. Ово решење такође није крст претраживач, а понекад слика није приказана по жељи.

Резултати

Дакле, постоји много начина да направите троугао. Само то не изгуби у свим овим ЦСС својства? Референце у овом случају ће увек помоћи. Она описује све карактеристике Цасцадинг Стиле Схеетс.

За оне који не желе да иду у програмирање и видели ЦСС-водича, постоје онлајн уредници који генеришу троуглови праве величине и боје. У визуелном едитору, корисник изабере и подеси сва подешавања фигуру. Претворена у генератор троуглу ЦСС код смештена у посебном прозору у лету. Затим, генерисани код једноставно убацује у стилова и да одговара дизајн странице.