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

巴扎黑
풀어 주다: 2017-06-09 14:24:53
원래의
5225명이 탐색했습니다.

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

말할 것도 별로 없고, 웹사이트나 웹페이지를 흑백으로 바꾸는 코드를 봐주세요

###웹페이지 흑백 코드 외부 스타일
***

html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}123
로그인 후 복사

###를 사용하세요 .css 파일을 작성하기 위한 웹 페이지 흑백 코드 내부 스타일
은 head 태그에 작성

<style type="text/css"><!--html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}--></style>1234567
로그인 후 복사

### 웹 페이지의 흑백 코드는 html 태그에 인라인
작성되며 html은 found

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">12
로그인 후 복사

### 웹페이지 QQ 그룹 공간 버전의 흑백 코드, 대부분의 주류 브라우저용
**.css 파일 작성 시 *

html {-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\&#39;http://www.w3.org/2000/svg\&#39;><filter id=\&#39;grayscale\&#39;><feColorMatrix type=\&#39;matrix\&#39; values=\&#39;0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\&#39;/></filter></svg>#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
로그인 후 복사
를 사용하세요.

위 내용은 웹 사이트 또는 웹 페이지의 전체 인터페이스를 흑백 및 회색 톤 CSS 코드로 전환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!