순수한 CSS를 사용한 배트맨 만화

저는 실제로 TailwindCSS의 열렬한 팬이라고 말할 수 없습니다. 왜냐하면 저는 내 CSS 코드에서 직접 의미 있는 클래스를 구현하는 대신 수십 개의 사전 정의된 클래스로 HTML을 장식하는 것을 좋아하지 않기 때문입니다.

그러나 Alvaro Montoro는 Batman-Comic.CSS 프로젝트를 통해 사전 정의된 클래스를 의미 있고 심지어 재미있는 방식으로 사용할 수 있는 방법을 보여줍니다. 이 프로젝트를 통해 그림에 대해 전혀 생각하지 않고도 만화를 만들 수 있습니다. 만화!

기본 구조 정의, 다양한 표정에 대한 CSS 클래스 추가, 말풍선 텍스트 추가... 완료되었습니다. 정말 놀랍도록 멋지고 제 포스팅에 자주 사용할 것 같아요. 만화가 천 마디 말보다 더 많은 말을 할 때도 있으니까요.

다음은 10개의 HTML 태그와 링크된 CSS 파일(및 약간의 스타일 조정)로 구성된 고전적인 ...입니다.

(여기 dev.to에 사진이 있습니다)

kiko.io의 원본 게시물 보기: 순수한 CSS를 사용한 배트맨 만화

위 내용은 순수한 CSS를 사용한 배트맨 만화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!