인프런 커뮤니티 질문&답변

작성한 질문수

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

[Coding Mission 06] 제이쿼리 Front Back 화면전환 트랜지션

-webkit-background-clip

해결된 질문

작성

231

선생님 안녕하세요~

텍스트를 그레디언트 컬러를 넣는부분에서

-webkit-background-clip: text;

이라고 되어있는데 이건 뭐에요?

퀴즈

바닐라 자바스크립트(Vanilla JavaScript)란 무엇일까요?

최신 버전의 자바스크립트

제이쿼리 같은 라이브러리를 사용하지 않은 순수 자바스크립트

자바스크립트 애니메이션 프레임워크

웹 서버 환경에서만 동작하는 자바스크립트

답변 1

지식공유자

-webkit-background-clip: text;

에서 사용된 -webkit-을 벤더 프리픽스(Vendor Prefix)라고 부릅니다.

벤더는 브라우저 회서(크롬, 엣지, 파이어폭스), 프리픽스는 접두어 곧, 낮은 버전의 브라우저에서 호환이 되도록 하는 역할을 합니다. 또는 아직 모든 브라우저에 적용하기 전 실험 단계의 속성을 사용할 때 적용할 수 있도록 하는 역할을 합니다.

-ms- : IE

-webkit- : 크롬, 사파리

-moz- : 파이어폭스

-o- : 오페라

결론, 위에 적어 드린 내용만 알고 있으시면 현재는 충분합니다. 실무에서 벤더 프리픽스(Vendor Prefix)까지 고려하는 경우는 정말 드뭅니다. 지금은 퍼블리셔로서 상식으로 알고 위의 내용 정도만 알고 있으시면 충분합니다.

작성한 질문수