순수한 CSS를 사용한 배트맨 만화
- 王林원래의
- 2024-07-18 20:50:521001검색
저는 실제로 TailwindCSS의 열렬한 팬이라고 말할 수 없습니다. 왜냐하면 저는 내 CSS 코드에서 직접 의미 있는 클래스를 구현하는 대신 수십 개의 사전 정의된 클래스로 HTML을 장식하는 것을 좋아하지 않기 때문입니다.
그러나 Alvaro Montoro는 Batman-Comic.CSS 프로젝트를 통해 사전 정의된 클래스를 의미 있고 심지어 재미있는 방식으로 사용할 수 있는 방법을 보여줍니다. 이 프로젝트를 통해 그림에 대해 전혀 생각하지 않고도 만화를 만들 수 있습니다. 만화!
기본 구조 정의, 다양한 표정에 대한 CSS 클래스 추가, 말풍선 텍스트 추가... 완료되었습니다. 정말 놀랍도록 멋지고 제 포스팅에 자주 사용할 것 같아요. 만화가 천 마디 말보다 더 많은 말을 할 때도 있으니까요.
다음은 10개의 HTML 태그와 링크된 CSS 파일(및 약간의 스타일 조정)로 구성된 고전적인 ...입니다.
(여기 dev.to에 사진이 있습니다)
kiko.io의 원본 게시물 보기: 순수한 CSS를 사용한 배트맨 만화
위 내용은 순수한 CSS를 사용한 배트맨 만화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.