테스트 사이트 - 개발 중인 베타 버전입니다

피그마 svg 적용 채택완료

피그마에서 svg 로 다운 후 css 백그라운드나 img 로 사용할려고 하는데 방법 좀 부탁드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

.div_1 {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='<a href="http://www.w3.org/2000/svg'%3E%3Cpath" target="_blank" rel="noopener noreferrer">http://www.w3.org/2000/svg'%3E%3Cpath</a> d='M28.4478 11.2C28.4478 18.932 22.2031 28 14.5 28C6.79687 28 0.552246 18.932 0.552246 11.2C0.552246 3.46801 6.79687 0 14.5 0C22.2031 0 28.4478 3.46801 28.4478 11.2Z' fill='%23FAEDE1'/%3E%3C/svg%3E");

  background-position: center;

  background-size: auto;

  background-repeat: no-repeat;

}

위의 코드를 응용하시면 됩니다.

 

    
    
        
            http://www.w3.org/2000/svg" class="progress__icon_loader">                                                            Awaiting Payment...         
    
이미지는 쓰고 있는 샘플을 올립니다. 참고하세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록