Analiza unui proiect ma interesat a dat peste un exemplu interesant de modul de a crea un triunghi css. Și, din moment ce triunghiuri devin angajat permanent elemente ale paginii web, avem nevoie de ele să fie în măsură să sozdavat.Ob această metodă și va observa acest lucru.
Googling întrebarea cum să facă un triunghi css găsit câteva metode mai interesante, dar exemplul proiectului, mi-a placut mai mult. Această metodă este veche și a fost mult timp cunoscut. Ea se bazează pe utilizarea proprietăților css ca border-color si border-width. Metoda este simplă. Creați câteva sau bloc (div), și l-au cerut și proprietatea css border-color și de frontieră lățime. Proprietatea specifica grosimea frontierei de frontieră lățime, și ia patru valori. top de frontieră lățime, dreapta, jos, stânga. Vă reamintesc că înregistrarea proprietăților numărătoarea css începe de la limita superioară și merge în sens orar. Astfel, s-ar crea un bloc de triunghi nostru îndreptat în sus în proprietatea de frontieră lățime superioară a scrie limita lățime 0, stânga și dreapta jumătate din grosimea blocului și blocul inferior în toschinu. Pe proprietatea frontierei de culoare care cred că a devenit clar. Este nevoie, de asemenea, patru valori pe părțile laterale ale blocului. Dacă avem un triunghi pe un fundal alb, toate limitele cerut de culoare albă, cu excepția partea de jos. Și acum, ca de obicei, un exemplu. Având în vedere că articolul nu a fost foarte mare, a decis să adauge la css triunghiul de animație.
Exemplu: Pentru a anima un punct la triunghiul
După cum puteți vedea totul este destul de simplu. Dezavantajul acestei metode este că triunghiul nu dă nuanța dorită, și odihnă frumos. Dar metoda este simpla si krossbrauzeren. Dacă să-l folosească într-un proiect de a vă decide.