로메오의 블로그

CSS 가상요소(before)에 svg로 만든 font넣기 본문

Design/Markup

CSS 가상요소(before)에 svg로 만든 font넣기

romeoh 2022. 3. 30. 16:00
반응형

SVG 폰트 만들기

위 포스트에서 만든 폰트 아이콘을 before content엔 넣는 방법입니다.

 

.bubble {border-radius: 10px; background: #fff; padding: 10px}
.bubble::before {content: '\e909'; font-family: "icomoon"; color: #fff}

 

 

반응형

'Design > Markup' 카테고리의 다른 글

checkbox 이미지 처리  (0) 2022.04.14
CSS flex  (0) 2022.03.30
css 가상요소[Pseudo Element] before, after  (0) 2022.03.30
css 텍스트 말줄임 - text ellipsis  (0) 2022.03.29
customer scrollbar - webkit-scrollbar  (0) 2022.03.29
'Design/Markup' Related Articles more
Comments