Tervezés és algoritmusok bemutatója 2025, Január

Háromszög alakú unicode karakterek vannak. SVG-ben háromszöget rajzolhat. De van egy másik módja is annak, hogy háromszöget rajzoljunk az interneten, és nem tartalmazunk mást, csak a határ menti tulajdonságokat és egy kis CSS-trükköt. "

Van néhány görgetési animáció, amelyek a CSS-ben JavaScript nélkül is elérhetők. Csak nézze meg a Scroll Indicator fejezetét, amely egyértelműen CSS varázslat. De sok görgetési animációs munkát végezhetünk közvetlenül a CSS-ben, csupán egy kis JavaScript-információval: mennyit görgetett az oldal. "

A box-shadow tulajdonság nyilvánvalóan hasznos az árnyékok árnyékában az elemek mögött, amelyek a méret és az elválasztás érzetét nyújtják. De a box-shadow néhány trükköt tett a hüvelyébe, különösen azzal, hogy a doboz árnyékának nem kell puhának lennie, egymásra rakható, és nem is kell különösebben a közelben lennie. "

A lineáris gradiens használatával CSS-ben háttércsíkokat készíthet. A színátmenetről gyakran azt gondoljuk, hogy egyik színről a másikra elhalványul, de a csíkos trükk az, hogy egyáltalán nincs elhalványulás. Ehelyett megadhatunk „színmegállókat” ugyanazon a helyen, úgy, hogy a szín azonnal változzon egyről (…) "

Talán a legnagyobb trükk az összes CSS-hálózaton az, ha olyan oszlopelrendezést írhatunk, amely nem kifejezetten deklarálja a sorok vagy oszlopok számát, hanem automatikusan létrehozza őket kissé laza utasítások és az Ön által megadott tartalom alapján. "

Egy elem húzása a képernyőn olyan dolog, amely meglehetősen határozottan a JavaScript területén található. Hozzáférést szeretne a DOM eseményekhez, például a kattintásokhoz és az egér mozgatásához. De azért vagyunk itt, hogy CSS-es trükköket beszéljünk, úgyhogy csak HTML-ben és CSS-ben végezzük el! "

A címkéknek "for" attribútumokkal kell rendelkezniük, amelyek megegyeznek az általuk címkézett bemenet azonosítójával. Ez azt jelenti, hogy elkaphatjuk ezt az attribútumot, és a választóban használhatjuk "