반응형
프로그레스바
-
[CSS] toy project HTML & 커리큘럼 페이지(체크css, 그림자, 떠오르는 애니메이션, 오르내리는 애니메이션, 프로그레스바)웹/CSS 2023. 1. 9. 08:27
1. HTML & CSS 섹션 1. 초록색 체크 표시 /* 초록색 체크표시 */ .html-css__spec dd::before { content: ""; display: inline-block; margin-right: 0.4em; width: 12px; height: 6px; border-left: 4px solid var(--color-sub); border-bottom: 4px solid var(--color-sub); vertical-align: 0.2em; transform: rotate(-45deg); } 2. 로고 아래 그림자 .html-css__thumb { position: relative; } /* 로고 아래 그림자 */ .html-css__thumb::after { content: ..