CSS 범죄 저지르기

영상

CSS-Tricks의 시대는 끝났습니다. 지금은 CSS 범죄의 시대입니다!

이러한 콘텐츠 서비스 제공자의 현재 환경에서 사용자는 종종 텍스트, 링크 및 이미지로 자신을 표현하는 데 제한됩니다. 삭제 규칙은 HTML, JavaScript 및 다양한 속성을 제거하는 경향이 있습니다.

소셜 미디어 서비스 코 호스트 사용자가 일반적으로 사용하는 것보다 마크업 및 인라인 스타일을 더 자유롭게 사용할 수 있습니다. 일부 사용자는 이 자유를 이용하여 CSS 범죄를 저지릅니다! 기존에 없던 방식으로 속성을 사용하여 친숙한 인터페이스와 대화형 게임을 창의적으로 재현했습니다.

Blackle Mori는 장치를 만들었습니다. 핸들을 당기면 일련의 기어, 도르래 및 체인이 천천히 회전합니다. 마침내 구멍이 열리고 사이트의 마스코트("eggbug")와 "잘했어!"라는 선언이 나옵니다. 나는 개발자 도구에서 이것을 보았고 그것은 놀라운 조합입니다. grid, resize, transformcalc(). 나는 결국 추가했다 border 모든 <div>각 개별 요소가 어떻게 이동했는지 더 잘 이해하려고 노력합니다.

과거에 HTML, JavaScript 및 CSS의 전체 툴킷을 사용하는 것이 제한된 상황이 있었습니다. 장식용을 사용하는 경우가 많다. CSS 모양 이미지를 둘러싸기 위해. 나는 사용했다 :hover 해결 방법으로 mouseentermouseleave. 나는 사용했다 input:checked 형제 선택자로 토글용.

CSS 범죄는 아마도 정기적으로 사용하고 싶지 않은 것이지만 창의적인 솔루션을 육성할 수 있는 제약 조건 내에서 실험을 수용해야 합니다.


바로가기 →

타임 스탬프 :

더보기 CSS 트릭