반투명 상자 색상의 순서 의존성
다른 색상의 반투명 상자 두 개를 겹쳐서 동일한 결과를 얻을 것으로 예상 쌓인 순서에 관계없이 색상이 변경됩니다. 그런데 실험 결과 놀라운 현상이 나타났습니다. 상자를 배열한 순서에 따라 최종 색상이 달라지는 것입니다.
색상 환상
이 현상은 중첩이 발생하기 때문에 발생합니다. 두 개의 반투명 레이어가 색상 인식에 영향을 미칩니다. 첫 번째 경우, 파란색 상자를 빨간색 상자 위에 놓으면 관찰된 색상은 차분한 보라색입니다. 파란색 상자의 불투명도가 빨간색의 강도를 감소시켜 광채의 25%만 비춰지기 때문입니다.
그러나 순서를 바꾸면 결과 색상이 더 밝은 분홍색이 됩니다. 이는 빨간색 상자의 불투명도가 파란색에 더 큰 영향을 미쳐 파란색의 강도를 25%로 낮추고 빨간색의 50%는 투과시킬 수 있기 때문입니다.
일관된 색상 달성
이러한 순서 의존성을 없애려면 쌓인 순서에 관계없이 각 색상의 비율이 일정하게 유지되도록 해야 합니다. 이는 각 레이어의 불투명도 수준을 조정하여 달성할 수 있습니다.
예를 들어 다음 시나리오를 고려해보세요.
- 상위 레이어 불투명도(파란색 상자): 0.25
- 하단 레이어 불투명도(빨간색 상자): 0.333
이 배열에서는 겹침 순서에 관계없이 각 색상의 비율이 25%로 유지됩니다. 파란색 상자가 위에 있을 때 관찰된 색상은 연한 보라색(파란색 25%, 투명도 75%)입니다. 빨간색 상자가 위에 있을 때 관찰되는 색상도 연한 보라색(빨간색 25%, 투명 75%)입니다.
위 내용은 반투명 박스를 겹겹이 쌓아놓으면 왜 주문에 따라 색상이 달라지나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

CSS Box-Shadow 및 개요 속성은 주제를 얻었습니다. 실제 테마에서 어떻게 작동하는지에 대한 몇 가지 예와 이러한 스타일을 WordPress 블록 및 요소에 적용 해야하는 옵션을 보자.

Svelte Transition API는 맞춤형 전환을 포함하여 문서를 입력하거나 떠날 때 구성 요소를 애니메이션하는 방법을 제공합니다.

이 기사에서 우리는 스크롤 바의 세계로 뛰어들 것입니다. 너무 화려하게 들리지는 않지만 잘 설계된 페이지가 손을 잡고 있습니다.

웹 사이트의 컨텐츠 프레젠테이션을 설계하는 데 얼마나 많은 시간을 소비합니까? 새 블로그 게시물을 작성하거나 새 페이지를 만들 때

최근 Bitcoin의 가격이 20k 달러가 넘는 USD가 최근에 등반되면서 최근 30k를 끊었으므로 Ethereum을 만드는 데 깊이 다이빙을 할 가치가 있다고 생각했습니다.

NPM 명령은 서버 시작 또는 컴파일 코드와 같은 것들에 대한 일회성 또는 지속적으로 실행되는 프로세스로 다양한 작업을 실행합니다.

나는 다른 날에 Eric Meyer와 대화를 나누고 있었고 나는 내 형성 시절부터 Eric Meyer 이야기를 기억했습니다. CSS 특이성에 대한 블로그 게시물을 썼습니다


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

드림위버 CS6
시각적 웹 개발 도구

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

뜨거운 주제



