0
새해 복 많이 받으세요!MDN에 설명 된 상자 그림자에 대한 보간을 이해하는 방법은 무엇입니까?
CSS 속성 상자 그림자에 대한 설명을 읽었을 때 this page에 어떤 보간 섹션이 있는지 알 수 없습니다. 나는 이것을 봤지만 아직도 혼란 스러웠다. CSS 애니메이션에 관한 것입니까? 도와 주시겠습니까? 감사.
가능하면 코드 예제를 제공해주십시오.
A
답변
1
(색상으로서) 컬러로 보간 성분 및 x는 (0- 길이리스트로서 없음 처리 없음)
목록의 각 그림자 nonesense의 블록 분해시 날 자상 보자 , y, 흐림 및 (해당하는 경우) 스프레드 (길이) 구성 요소.
색상, x, y, 흐림 및 스프레드 값을 사용하여 목록의 각 음영이 보간됩니다 (다양한 의미가 있지만 일반적으로 혼합, 블렌드 됨). 두 입력 그림자하거나 삽입하지 않은 경우 각각의 그림자
, 다음 보간 그림자는 점에서 입력 그림자가 일치해야한다. 입력 그림자의 쌍에 인세 트가 있고 인 섀트가없는 경우 전체 그림자 목록은 해석 할 수 없습니다.
우리는 우리가 아닌 삽입 된 그림자와 함께 삽입 그림자를 혼합 할 수없는, 삽입 여부를 수, (어떤 혼합, 혼합) 그림자의 동일한 유형을 보간 할 수
그림자의 목록 경우 길이가 다른 경우 더 짧은 목록 은 끝 부분에 색상이 투명하고 모든 길이가 0이고 삽입 목록이 긴 목록과 일치하는 그림자가 채워집니다.
다양한 길이의 목록으로 어떻게 끝날지 확신 할 수 없지만, 제가 생각하기에 이것은 길이가 다른 목록으로 끝나면 브라우저가이를 보상 할 것이라고 말하고 있습니다. 뭔가를 가지고 보간 있도록 투명 그림자에 추가하여
TL과 (조화 등을 혼합) DR
을그냥 브라우저가 여러 개의 그림자를 보간을 통해 이동과 관련되지 않는 단계를 설명하는 것 내가 볼 수있는 애니메이션. 걱정하지 마세요. 브라우저에서 처리하도록하십시오!
훨씬 명확합니다. 감사. 보간은 두 개의 키 프레임 사이에 프레임을 삽입한다는 것을 배웠기 때문에 애니메이션과 관련이 있다고 생각했습니다. 마지막 부분은 ** 길이가 다른 ** ** ** 목록 일 수도 있고, 둘 이상의 상자 그림자 목록을 참조 할 수도 있습니다. 예를 들어,'box-shadow : 3px 3px red'와'box-shadow : 3px 3px blue, 0 0 1em black'과 같이 말입니다. 그런데 왜 목록이 다른 목록으로 보간됩니까? 나중 규칙은 선례 규칙보다 우선해야합니다. 맞습니까? – krave
@krave 정직하게도 그 비트는 나에게 너무 심술 궂습니다. 그림자 목록 하나를 적용하는 다른 크기의 목록으로 끝나는 방법을 생각할 수 없습니다! 나는 그걸 알아낼 수 없다. :) – Dale
@krave 그리고 내 보간의 버전에 관해서 ... 새 프레임으로 애니메이션을 블렌딩하거나 그림자를 함께 혼합하든 또는 문장에서 단어를 바꿔 쓰든간에 동일하다. 모두 보간으로 간주됩니다 ...내 보간에 대한 첫 번째 소개는 내삽을 사용하여 물건을 자동화 할 수있는 음악 제작 소프트웨어를 통해 이루어졌습니다. – Dale