CSS-bűncselekmények elkövetése

kép

A CSS-trükkök ideje lejárt. Itt az ideje a CSS Crimesnek!

A tartalomszolgáltatók jelenlegi helyzetében a felhasználók gyakran arra korlátozódnak, hogy szövegben, linkekben és képekben fejezzék ki magukat. A fertőtlenítési szabályok általában kivonják a HTML-t, a JavaScriptet és a különféle attribútumokat.

Közösségi média szolgáltatás cohost lehetővé teszi a felhasználók számára, hogy nagyobb szabadságot élvezzenek a jelölésekkel és a belső stílusokkal, mint azt általában megszokhattuk. Egyes felhasználók kihasználták ezt a szabadságot CSS-bűncselekmények elkövetésére! Ismert felületek és interaktív játékok kreatív újraalkotását eredményezte a tulajdonságok nem szokványos módon történő felhasználásával.

Blackle Mori mesterséget készített ahol egy fogantyú meghúzása lassan elfordítja a fogaskerekek, tárcsák és láncok sorozatát. Végül megnyílik egy nyílás, amely felfedi a webhely kabaláját („tojásbogár”) és a „Jó munkát!” kiáltványt. Ezt bámultam a Fejlesztői eszközökben, és ez egy csodálatos kombinációja grid, resize, transformés calc(). Végül hozzáadtam a border számára elérhető <div>s megpróbálni jobban megérteni az egyes elemek mozgását.

A múltban voltak olyan helyzetek, amikor korlátozták a HTML, JavaScript és CSS teljes eszközkészletének használatát. Sok példa volt a dekoratív használatára CSS alakzatok hogy megkerülje a képeket. használtam :hover megoldásként mouseenter és a mouseleave. használtam input:checked testvérválasztóként a váltáshoz.

Bár a CSS-bűncselekményeket valószínűleg nem szeretné rendszeresen alkalmazni, olyan korlátokon belül kell kísérleteznünk, amelyek elősegíthetik a kreatív megoldásokat.


Közvetlen link →

Időbélyeg:

Még több CSS trükkök