Dribbble 카드
작품 이미지 위에 올리면 제목과 좋아요·댓글 수가 나타나는 Dribbble 식 카드.
HTMLCSS
CSS 레이아웃 연습 두 번째. 카드에 마우스를 올리면 이미지 위로 제목 오버레이가 opacity 전환으로 나타나고, 아래에는 작성자와 좋아요·댓글 아이콘이 있다. 아이콘은 활성·비활성 SVG 두 벌을 바꿔 쓴다.
작품 이미지 위에 올리면 제목과 좋아요·댓글 수가 나타나는 Dribbble 식 카드.
HTMLCSS
CSS 레이아웃 연습 두 번째. 카드에 마우스를 올리면 이미지 위로 제목 오버레이가 opacity 전환으로 나타나고, 아래에는 작성자와 좋아요·댓글 아이콘이 있다. 아이콘은 활성·비활성 SVG 두 벌을 바꿔 쓴다.