Vadnica za oblikovanje in algoritme 2025, Januar

Mejni trikotniki - CSS-triki

Mejni trikotniki - CSS-triki

Obstajajo trikotni znaki unicode. V SVG lahko narišete trikotnik. Obstaja pa še en način, kako v spletu narisati trikotnik, ki ne vključuje ničesar drugega kot lastnost meje in malo trikov v CSS. "

Pomaknite se do animacije - CSS-triki

Pomaknite se do animacije - CSS-triki

Obstaja nekaj animacij drsenja, ki so možne v CSS brez JavaScript. Samo poglejte poglavje o indikatorju drsenja, ki je očitno magija CSS. Toda veliko del animacije drsenja lahko opravimo neposredno v CSS z le nekaj informacijami, ki jih zagotavlja JavaScript: kako daleč se je stran pomaknila. "

Škatlasti gumbi - CSS-triki

Škatlasti gumbi - CSS-triki

Lastnost box-shadow je očitno koristna za lahke sence za elementi, ki zagotavljajo občutek dimenzionalnosti in ločenosti. Toda box-shadow je imel v rokavu nekaj trikov, še posebej s tem, kako senci škatle ni treba biti mehka, jo je mogoče zložiti in sploh ni treba, da je v bližini. "

Striped Barberpole Animacija - CSS-triki

Striped Barberpole Animacija - CSS-triki

Proge v ozadju lahko naredite v CSS z uporabo linearnega gradienta. Gradient si pogosto predstavljamo kot prehajanje ene barve v drugo, trik pri črtah pa je v tem, da sploh ne bi prišlo do bledenja. Namesto tega lahko na istem mestu določimo "zaustavitve barv", tako da se barva takoj spremeni iz enega (...) "

Prilagodljive mreže - CSS-triki

Prilagodljive mreže - CSS-triki

Morda je največji trik v celotni mreži CSS ta, da lahko napišem postavitev stolpca, ki izrecno ne navede števila vrstic ali stolpcev, ampak jih samodejno ustvari na podlagi nekoliko ohlapnih navodil in vsebine, ki jo posredujete. "

Vlečni elementi - CSS-triki

Vlečni elementi - CSS-triki

Vlečenje elementa po zaslonu je nekaj, kar je precej trdno na območju JavaScript. Želeli boste dostop do dogodkov DOM, kot so kliki in premikanje miške. Ampak tu smo, da se pogovarjamo s prevarami CSS, tako da se lotimo samo HTML in CSS! "

Sproži klik na vnos, ko klikneš nalepko - CSS-triki

Sproži klik na vnos, ko klikneš nalepko - CSS-triki

Oznake bi morale imeti atribute "for", ki se ujemajo z ID-jem vnosa, ki ga označujejo. To pomeni, da lahko ta atribut zaskočimo in ga uporabimo v izbirniku za "