부드러운 색상 전환 : CSS 구배

자연 색은 일반적으로 균일하게 매끄럽다. 그러나 심지어 자연 색상 변화 중 하나 개 단색 이미지의 완벽하게 평평한 표면에. 항상 실수 햇빛이나 인공 조명뿐만 아니라보기의 각도의 변화가 불규칙하고 독특한 음영을 가능하게 떨어진다.

같은 객체 목표보기 2 점은 표면에 광선의 발생률의 다른 각도로 이리저리 자신의 비전 각도와 상관 관계의 각각의 색상 차이를 인식.

색상 전환의 심리적 효과

컬러뿐만 아니라 물리적 인 감각입니다 만 공간에서 시간과 위치에 있지 따라 달라집니다. 거꾸로 위치에 나무, 건물, 산 및 기타 항목의 이미지에서 반사의 느낌을 불러 일으키는 물 표면 또는 기타 표면에.

완벽 흰색 표면 벽 절대적 블랙 평행선, 벽에 본 자연 선 두께의 두께 감소에 비례하여 전체 길이의 증가를 통해 각각의 라인 - 모든 방 수평 천정이있는 시청자의 감각을 야기한다.

한 화상은 두 새겨되고, 이들 각각은 디 포커스를 보면, 볼륨 공간의 효과를주고, 눈 사이 거리만큼 서로에 대하여 시프트된다.

포스터가 충분히 큰과 현실의 경계 전환이 완벽하게 한 경우, 포스터의 그림은 색상의 원하는 음영, 보는 사람의 의식이 자동으로 연결됩니다 자연으로 볼 수 있습니다.

사이트, 그리고 무엇보다도, 디자인과 색상은 필수적이고 보완적인 자원 로직, 자신의 대화, 방문자에 대한 적절한 심리적 효과를 만들 수 있습니다.

부드러운 전환을 통해 CSS

그라디언트는 선형 그래디언트 ()와 방사형 구배 ()로 생성된다. 첫 번째 경우에는, 색의 매끄러운 변화 선을 따라 두 번째 경우에 발생 - 타원 또는 원의. CSS의 기울기 배경, 배경 이미지, 국경 이미지, 목록 스타일 이미지의 속성에서 설정 될 수있다. 서로 요소를 중첩, 투명성을 정의하는 것은 큰 그늘을 생성하고 독특한 전환을 만들 수 있습니다.

그것은 그러나 색상 전환이 항상 원활하게 할 수 없다 명심해야한다. 색상 조합의 일부 변종은, 투명성의 값은, 페이지 레이아웃 배경은 바람직하지 않은 효과 단계를 제공 할 수 있습니다.

기록 배경 그라데이션에 대한 CSS 규칙

구배 한 색에서 다른 색으로 원활하게 전환된다. 이 경우, 여러 색상을 사용할 수 있습니다. 변경 될 수있다 (CSS 선형 구배)의 선형 버전을 참고

첫 번째 파라미터는 색상,이어서 경사각 측 또는 영역이다. 두 색상을 사용할 필요가 없습니다, 당신은 전체 무지개를 그릴 수 있습니다. 적용 투명도 불투명 속성은 중복 효과를 얻을 수 있습니다.

색상의 선택, 컬러 발전기

디자이너의 창조적 인 부분은 최근 몇 년 동안 개발자의 사이트 단순화. 그것은 제품을 판매하는 서비스를 제공, 할인, 품질 및 / 또는 경쟁에서 유의 한 차이를 강조하기 위해 정보의 최소 기능의 최소, 최대 감각과 마음가짐을 포함, 실용적이고 적절한 직사각형 형태가된다.

그러나, 하드 조건, 규정 및 현대적인 웹 자원의 생성에 텍스트 내용의 감각과 스타일 선택 대화를 반영, 창의력과 색상 공격적, 목표로 작업을 할 일부 개발자의 명확한 욕망을위한 장소입니다. CSS의 기울기는 더 자주 적용되었습니다.

컬러 솔루션은 "구글은"과 "스카이프는"특히, 그러나, 지난 몇 년에, 웹 디자인의 활성 성분이, 새로운 형태, 새로운 색상과 눈에 거슬리지 찾아 흐르는 형태의 역학을 시도하기 시작, 효과 및 추종자를했다.

인터넷에 많은 온라인 리소스를 크게 올바른 색상 :. Angrytools, flatonika, generatecass 등 자신의 도움으로 선택의 작업을 단순화 (CSS 그라디언트, 발전기),있다, 당신은 정말 오른쪽 색상의 선택에 시간을 절약 라인 전환 및 오버레이를 고려할 수 있습니다.

동적 색상

전통, 웹 자원의 생성을 기본, 불가침의 규칙을 만들어 : 고객과 구조, 내용과 현장 대화 - 개발자의 능력 소유자 (고객)의 뜻을 구현합니다. 사이트의 외관은 전통적으로도 설계는 클라이언트에 의해 결정되지 않는다는 사실을 의미합니다.

한편, 다양한 장치가 성장하고, 각 유형의 가족이 해상도에서와 같이뿐만 아니라 색상 재현에 유의 한 차이와 다양한 유망 표본은, 그리고 브라우저는 가시 영역을 형성한다.

사용 브라우저 및 버전의 다양한 또한 CSS 그라디언트 기능의 적절한 매핑 문제를 만듭니다.

종합적으로 이러한 상황을 평가하고, 일부 유망 작품의 예를 들면, 사이트의 외관은 상태 defaultnom 주장 할 수있다 - 자원의 개발 및 / 또는 소유자의 권한을. 고객이 먼저 자원을 방문하는 경우에만,이 사이트의 디자인을 평가 할 수 있습니다. 고객이 사이트를 기억하는 것이 맞는 볼과 자신의 일상 생활에서 사용할 경우, 자신의 욕망 모양을 제어 할 수있는 도구를 가지고하고 기능이 완벽하게 정당화된다.

개발자 혜택 전송의 무게 이러한 센터 : 크로스 브라우저 호환성, 다른 운영 체제에 다른 장치에서 테스트 사이트의 구현에 관여 할 필요 없다.

또한, 경향은 다른 장치에 CSS 규칙의 실제 구현을위한 공통 데이터베이스를 작성합니다. 이것은 시작에 불과하지만, 그 잠재력은 매우 중요하다.