workbook

  • All
  • Workbook
  • Inspiration
  • Review
  • z_etc
  • Say Hello

CSS Gradient bug 1

[Bug] Safari transparent gradient

Issue 어드민이 지정한 색상을 반투명한 그라데이션에 넣어야 하는데, color 와 currentColor 를 사용해서 상속시키는 방법을 사용했다. 일반적인 방법으로 그라데이션을 적용했을때 Safari 에서는 그라디언트에 투명색(transparent)을 적용할 수 없는 버그가 있었다. Example See the Pen KKMdjwZ by Kei (@kei_) on CodePen. // 상위 div 에 color: orange 를 적용했을때 background: linear-gradient(to bottom, currentColor 82.17%, transparent); Chrome (O) 의도대로 부모 색상을 사용한 투명한 그라데이션이 생긴다. Safari (X) Safari 에서 transparen..

Workbook/CSS 2020.10.14
1
더보기
  • All (3)
    • Workbook (3)
      • CSS (3)
      • HTML (0)
      • etc (0)

Tag

ios, Safari, CSS bug, css variable, volumebar, CSS Gradient, sass, scss, CSS Gradient bug, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바