목록Before (1)

Bleeding edge

svg를 before, after과 같은 의사 클래스에 적용하기

고민한 이유 보통 before이나 after에는 background-image에 이미지 파일만 사용하여 처리를 많이한다. 하지만 이미지를 올리기 힘든 경우에는 어떻게 처리하는게 좋을까? SVG Tag 이미 이미지 파일 없이 우리는 svg tag를 이용하여 html에 벡터를 사용해본 사람이 많을 것이라고 생각한다. javascript에서 createURLObject를 이용하면 없는 파일을 텍스트로 만드는 것처럼 CSS에서도 이런 방법이 있지 않을까? SVG URL-encoder https://yoksel.github.io/url-encoder/ 이 페이지에 들어가면, svg를 URL-encoder로 바꾸어 주는 기능이 있다. 이것을 이용하면 요런 svg Element를 사이트에서 변환하면 Ready for..
HTML & CSS 2023. 1. 26. 22:18
이전 Prev 1 Next 다음