>  기사  >  웹 프론트엔드  >  컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유

컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유

巴扎黑
巴扎黑원래의
2017-06-09 15:49:332271검색

웹사이트는 컬러에서 흑백으로 변경해야 하는 경우가 많습니다. 예를 들어 원촨 지진 당시 애도를 표하기 위해 많은 웹사이트가 컬러에서 흑백으로 프로그래밍되었습니다. 그럼 웹페이지를 흑백으로 변경하는 방법을 요약해 보겠습니다. 색상을 흑백으로:

1.웹사이트 또는 웹페이지의 전체 인터페이스를 흑백 및 회색톤 CSS 코드로 전환합니다.

말할 것은 많지 않습니다. 웹사이트 또는 웹페이지를 검정색으로 전환하는 코드를 살펴보세요. and white

###웹페이지 흑백 코드 외부 스타일
** 웹사이트를 흑백과 회색으로 전환하는 4가지 코드를 자세히 설명하려면 *

컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유

2.를 사용하세요

2008.5 .12 쓰촨성 원촨대지진은 많은 인명을 앗아가는 안타까운 일입니다. 이에 대한 감사의 마음을 표하고, 사망한 동포들에 대한 깊은 애도의 뜻을 표하기 위해 국무원에서는 2008년 5월 19일부터 21일까지를 국경일로 정했습니다. 이 기간 동안 많은 웹사이트에서는 피해자에 대한 애도를 표하기 위해 스타일을 '검은색, 흰색, 회색'으로 변경했습니다. 전국의 웹마스터들이 지진으로 사망한 동포들을 애도하는 행동에 나설 것을 권고합니다

컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유

3.CSS를 사용하여 사진을 흑백으로 변환하세요

시대가 발전하여 이제는 CSS3가 점진적으로 발전하면서 "흑백 효과를 대규모로 적용하는 것이 가능해졌습니다. 다음으로 CSS3 회색조 필터 구현을 소개하겠습니다. 관심 있는 친구들은 이에 대해 알아볼 수 있습니다. 이미 알고 계실 수도 있습니다. Wenchuan과 같은 상황이 좋지 않은 날에는 IE에서 전체 회색 웹사이트를 쉽게 구현할 수 있었지만(필터: 회색;) 당시 다른 브라우저에는 해결책이 없었습니다. 그러나 시대의 발전과 함께, 그리고 이제 CSS3의 점진적인 발전에 따라 실제로 "흑백 효과"의 대규모 적용 가능성도 보이기 시작했습니다.

컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유

4.컬러 웹페이지가 흑백 CSS 코드가 됩니다

위 내용은 컬러 웹페이지를 흑백으로 전환하는 CSS 코드 요약 및 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.