김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

css텍스트그려지는효과 1

[css/svg]css animation과 svg를 활용해 글자가 그려지는 효과 만들기

🙄 SVG란? SVG는 Scalable Vector Graphics의 약자로 html에서 사용할 수 있는 Vector 이미지를 지칭한다. SVG라는 개념은 HTML과 CSS에서만 사용하는 개념은 아니고 백터 이미지를 표현하기 위한 포맷으로 w3c에서 만든 이미지 표준 값이다. SVG는 벡터 기반의 그래픽을 XML 형식으로 정의해서 사용할 수 있다 SVG를 사용하는 이유는? png, jpg와 같은 픽셀 이미지와 다르게 SVG를 사용하는 이유는 무엇일까? - SVG 이미지는 확대 축소 시에도 고품질의 이미지를 제공하며 - 파일 형태로 했을 때 용량이 적어 로딩 시간이 줄어들며 - css를 통해 다양한 효과를 줄 수 있음 단점의 경우 SVG의 경우 IE 하위 버전에서 지원이 되지 않으며, 단순한 내용이 아닌 ..

FrontEnd/css 2021.01.01
1
더보기
  • 분류 전체보기 (203)
    • Diary (4)
    • FrontEnd (109)
      • Javascript (20)
      • Vue.js (34)
      • css (17)
      • React (11)
    • etc. (88)
      • Notion (71)

Tag

react, 노션데이터베이스, 노션가이드, 노션, JavaScript, 노션유용한템플릿, 노션활용법, 노션표, 노션무료템플릿, 노션사용법, NUXT, Notion템플릿공유, 노션가계부, notion, 노션수식, Vue, CSS, 노션템플릿, 노션템플릿공유, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

티스토리툴바