자연 및 가상 그림자 : 그림자 CSS

것들과 물질 세계의 현상의 대부분은 무의식적으로 인식하고, 그 인식에 미치는 영향 - 과거의 지식의 응용 프로그램의 결과. 모든 것은 그것의 그림자 당연합니다. 다양한 각도에서, 디자인은 항상 컴퓨터 모니터를 사용할 수있는 정도의 현실을 반영하고있다.

현대 디스플레이 장치의 발전은 놀라운 결과를 달성했다, 물체의 그림자를 표현하는 욕망은, 단지 그것을 현실에서, 또한 새로운 컴퓨터 이미지에 존재하는 형태로 가능하게되었다 없습니다.

개체에 그림자

분명히 그것은 빔의 반사의 결과이기 때문에, 빛의 광선에 떨어지는 유일한 방법은 눈의 접근 인식이다. 레이 공간의 특정 지점의 인식 "무관심", 객체가 그것에서 반사되는 조명, 주변 물체에지고, 빛과 그림자의 기발한 놀이를 작성합니다.

그림자 CSS 속성은 현실의 현실을 전달할 수는 없지만, 그림자 효과 (어떤 의미에서) 자연 의미로 얻을 수 있고, 컴퓨터의 새 버전 (모든 사람이 그림자를 가지고 있지만, "밖으로 생각"할 수 있습니다).

그늘이 할당과 자연은 결코 않습니다 이러한 요소 수 있습니다. 아마도 그들은 이미이 있지만 가상 세계는 아직 진정한 길을 열어 아니라, 세계 실제 역학과 물리학 개체와 현상의 새로운 법률하게된다.

그림자 CSS 속성

CSS를 사용하면 원하는 그늘을 지정하기 쉽습니다. 구문 상자 그림자 요소의 일반적인 설명에 포함 된 변수의 소수를 갖는다.

다음과 같이 그림자 CSS의 그늘 매개 변수가 지정됩니다. X 및 Y, 흐림, 스트레칭, 색상의 변화. 흐림 반경 네번째 - - 요소에 대하여 그림자의 크기 처음 두 숫자는 차광 부재, 세번째의 상대 변위를 결정한다.

숫자는 컬러 일반적인 규칙에 따라 정의되고, 마이너스 일 수있다. 구문 S hadow의 CSS는 모든 브라우저에서 지원되지만, 각각의 경우에이 옵션을 선택 그늘의 적절한 표시를 확인하는 의미가 있습니다.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. 이용 특성 그림자 테두리 때 CSS는 고려 곡률 반경의 선택을 받아, 생성 된 그림자 적절한 변경을 만든다.

설계 그늘

눈에 띄게 CSS 그림자 생성기 온라인 도구 중. 그림자는 단순히 몇 개의 매개 변수를 입력하여 프로그램 할 수 있다는 사실을 참조하지 않습니다. 전체적인 디자인과 관련된 디자인 요소입니다. 올바른 값을 결정하는 것은 다른 발전기를 사용하기가 매우 편리합니다. 시간을 절약하고 가능한 다른 개발자의 경험을 사용할 수 있습니다.

결과는 대화 형으로 표시되고 결과는 코드에서 직접 얻은 프로젝트에 붙여 넣을 수 있습니다 - 좋은 도구는 CSSmatic을 제공합니다. 당신은 그림자와 매개 변수하지만, 실제 색상과 질감 원하는 항목을 정의 할 수 없습니다.

모질라 개발자로부터 도구는 코드 요소와 그림자 온라인뿐만 아니라 얻을 수 있습니다, 또한 그 의사를 설계하는 (: 이전과 : 후).

당연히, S의 hadow의 CSS의 가능성은 그림자에서 원하는 윤곽을 부과하고 원하는 효과를 얻기 위해 쉬운 요소 내부, 이미지에 그림자를 제공하지만, 투명의 배경 색 속성 값을 사용하지.