Triangle css, hogy döntetlen
Elemezve a projekt érdekelt engem rábukkantam egy érdekes példát, hogyan lehet létrehozni egy háromszög css. És mivel a háromszögek állandó jelleggel alkalmazott weboldal elemek, mi szükség van rájuk, hogy képes legyen sozdavat.Ob ezt a módszert, és vegye figyelembe ezt.
Googling a kérdés, hogyan lehet egy háromszög css találtam néhány érdekes mód, de a példa a projekt, tetszett jobban. Ez a módszer a régi és már régóta ismert. Ez alapján a használata CSS tulajdonságokat, mint a border-color és border-width. A módszer egyszerű. Készítsen néhány vagy blokk (div), és arra kérte, és css tulajdonság border-color és border-width. Tulajdonság határozza meg a border-width határ vastagsága, és úgy négy érték. Szélességű szegély felső, jobb, alsó, bal. Emlékeztetem Önöket, hogy a felvétel a CSS tulajdonságokat visszaszámlálás megkezdődött a felső határt, és megy az óramutató járásával megegyező. Ezért úgy hozzon létre egy blokkot a mi háromszög felfelé mutató ingatlanárak border-width levelet felső határ szélessége 0, a jobb és bal felét a vastagsága a blokk, az alsó blokk toschinu. A border-color tulajdonság, hogy azt hiszem, világossá vált. Szintén úgy négy érték az oldalán a blokk. Ha van egy háromszög, fehér alapon, minden határt kérés fehérek, kivéve az alján. És most, mint mindig, egy példát. Mivel a cikk nem volt túl nagy, úgy döntött, hogy adjunk a háromszög animáció css.
Példa: animálásáhaoz egy pontot a háromszög
Mint látható, minden nagyon egyszerű. A hátránya ennek a módszernek, hogy a háromszög nem ad a kívánt árnyalat, és pihenési szépen. De a módszer egyszerű és krossbrauzeren. Akár használni a projekt úgy dönt.