본문 바로가기
coding/log

[CSS log] 텍스트 그라데이션이 사파리 브라우저에서 작동 안할 때

by 코딩희송 2022. 4. 15.
background: linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%);
background: -ms-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%);
background: -moz-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%);
background: -webkit-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

텍스트에 그라데이션 적용시 사파리 브라우저에서 안먹는 현상은
display: block;으로 fixed 할 수 있다. :

display: block;

댓글