Săvârșirea de infracțiuni CSS

imagine

Timpul pentru CSS-Tricks a trecut. Acum este timpul pentru CSS Crimes!

În acest peisaj actual al furnizorilor de servicii de conținut, utilizatorii sunt adesea limitați să se exprime în text, link-uri și imagini. Regulile de igienizare tind să elimine HTML, JavaScript și diverse atribute.

Serviciu de social media Cogazdă permite utilizatorilor să aibă mai multă libertate cu stilurile de marcare și inline decât ne-am obișnuit de obicei. Unii utilizatori au profitat de această libertate pentru a comite crime CSS! A avut ca rezultat recrearea creativă a interfețelor familiare și a jocurilor interactive prin utilizarea proprietăților în moduri neconvenționale.

Blackle Mori a creat un instrument unde tragerea unui mâner se rotește încet o serie de roți dințate, scripete și lanțuri. În cele din urmă, o deschidere se deschide pentru a dezvălui mascota site-ului („bug de ou”) și proclamația „Bună treabă!”. M-am uitat la asta în Instrumentele pentru dezvoltatori și este o combinație uimitoare de grid, resize, transform, și calc(). Am ajuns să adaug un border tuturor <div>s pentru a încerca să înțelegeți mai bine modul în care s-a mișcat fiecare element individual.

Au existat situații în trecut în care mi s-a restricționat utilizarea setului complet de instrumente HTML, JavaScript și CSS. Au existat multe cazuri de utilizare a elementelor decorative Forme CSS pentru a ocoli imaginile. am folosit :hover ca o soluție pentru mouseenter și mouseleave. am folosit input:checked ca selector de frați pentru comutare.

În timp ce Crimele CSS probabil nu sunt ceva pe care ați dori să îl utilizați în mod regulat, ar trebui să adoptăm experimente în limitele constrângerilor care pot promova soluții creative.


Link direct →

Timestamp-ul:

Mai mult de la CSS Trucuri