Vendor Prefixes
아직 표준화되지 않은 CSS 속성들에 사용
| 접두사 | 브라우저 |
|---|---|
| -webkit- | 사파리, 크롬, 오페라 |
| -moz- | 파이어폭스 |
| -ms- | 엣지, 익스플로러 |
| -o- | 구버전 오페라 |
예시
.element {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
.element {
background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
background: -o-linear-gradient(top, white, black);
background: linear-gradient(to bottom, white, black);
}
- 접두사가 붙지 않은 속성은 맨 마지막줄에 붙일 것
유용한 툴
.element {
width: 100vw;
break-after: auto;
tab-size: 4;
writing-mode: horizontal-tb;
}