반응형
이런 디자인의 버튼이 있을 때, 폰트에 그라디언트만 적용할 수 있다면 굳이 이미지 에셋으로 뽑지 않아도 된다.
[참고]
https://css-tricks.com/snippets/css/gradient-text/
http://caniuse.com/#search=-webkit-background-clip
http://caniuse.com/#search=-webkit-text-fill-color
See the Pen [CSS] font gradient by zinee (@zineeworld) on CodePen.
반응형
'개발일지 > CSS' 카테고리의 다른 글
[CSS] user-select: none 의 사용범위 (0) | 2017.06.29 |
---|---|
[CSS] iOS table-layout: fixed not working (0) | 2017.06.27 |
[CSS] Gradient Border (4) | 2017.01.13 |
[CSS] text hover effect (0) | 2016.12.22 |
[CSS] input:focus 일때 placeholder 스타일 (0) | 2016.12.07 |