아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199) N
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32) N
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6) N
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라
Web/Styles

[CSS] 벤더 프리픽스

Web/Styles

[CSS] 벤더 프리픽스

2018. 7. 26. 10:17
벤더 프리픽스

CSS3 표준으로 확정되기 이전 브라우저 개발사가 실험적으로 제공하는 기능을 사용하기 위해서는 벤더 프리픽스를 사용하여야 한다.



BrowserVendor Prefix
IE or Edge-ms-
Chrome-webkit-
Firefox-moz-
Safari-webkit-
Opera-o-
iOS Safari-webkit-
Android Browser-webkit-
Chrome for Android-webkit-



Prefix Free 라이브러리


브라우저는 거의 매달 업데이트가 이루어지고 있어 불필요한 벤더 프리픽스를 사용할 가능성이 크다. 사용하지 않아도 되는 벤더 프리픽스를 사용하는 것은 성능에도 영향을 주기 때문에 Prefix Free 라이브러리(http://leaverou.github.io/prefixfree/)를 사용하는 것은 매우 유용한 방법이다.

하단 url을 인클루드해서 사용하면 된다.

 <script src="prefixfree.min.js"></script>







출처 : https://poiemaweb.com/css3-vendor-prefix


728x90
저작자표시 비영리 (새창열림)

'Web > Styles' 카테고리의 다른 글

[CSS] 웹폰트  (0) 2018.07.26
[CSS] animation03  (0) 2018.07.26
[CANVAS] 애니메이션 그리기  (0) 2018.07.12
[CANVAS] 클릭한 곳에 사각형 그리기  (0) 2018.07.12
[CSS] vertical-align  (0) 2018.07.06

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.