Zelfstudie over ontwerp en algoritmen 2025, Februari

Er zijn driehoekige Unicode-tekens. U kunt een driehoek tekenen in SVG. Maar er is een andere manier om een ​​driehoek op internet te tekenen, waarbij alleen de grondeigenschap en een beetje CSS-bedrog betrokken zijn. "

Er zijn enkele scroll-animaties die mogelijk zijn in CSS zonder JavaScript. Kijk maar naar het hoofdstuk over de Scroll Indicator, dat duidelijk CSS-magie is. Maar we kunnen veel scrolanimatiewerk rechtstreeks in CSS doen met slechts een klein beetje informatie van JavaScript: hoe ver de pagina is gescrolld. "

De box-shadow-eigenschap is uiteraard handig voor lichte schaduwen achter elementen die een gevoel van dimensionaliteit en scheiding geven. Maar box-shadow had een paar trucjes in petto, vooral met hoe een box-shadow niet zacht hoeft te zijn, kan worden gestapeld en niet eens bijzonder dichtbij hoeft te zijn. "

U kunt achtergrondstrepen in CSS maken met behulp van lineair verloop. We beschouwen een verloop vaak als een vervaging van de ene kleur naar de andere, maar de truc bij strepen is om helemaal geen vervaging te hebben. In plaats daarvan kunnen we "kleurstops" op dezelfde locatie specificeren, zodat de kleur onmiddellijk verandert vanaf één (...) "

Misschien is de grootste truc in het hele CSS-raster het kunnen schrijven van een kolomlay-out die niet expliciet het aantal rijen of kolommen aangeeft, maar deze automatisch maakt op basis van ietwat losse instructies en de inhoud die je opgeeft. "

Het slepen van een element over het scherm is iets dat vrij stevig in het gebied van JavaScript zit. U wilt toegang tot DOM-gebeurtenissen zoals klikken en muisbewegingen. Maar we zijn hier om CSS-bedrog te bespreken, dus laten we het alleen in HTML en CSS doen! "

Labels moeten "for" -attributen hebben die overeenkomen met de ID van de invoer die ze labelen. Dit betekent dat we dat attribuut kunnen achterhalen en in een selector kunnen gebruiken om "