CSS 반영

高洛峰
풀어 주다: 2017-02-23 10:03:30
원래의
1579명이 탐색했습니다.

이전 단어

CSS 리플렉션은 현재 Chrome 및 Safari 브라우저에서만 지원되며, -webkit- 접두사를 추가해야 합니다. 이번 글에서는 CSS 반사 box-reflect

구문

-webkit-box-reflect

이니셜을 자세히 소개합니다. 값: 없음

적용 대상: 블록 수준 요소(인라인 블록 포함)

상속: 없음

값: 없음 <direction> <offset>? >?<mask-box-image>

  

(필수)는 상자 반사에 의해 생성된 반사 방향을 나타내며 주로 다음 값을 포함합니다. <direction>

above:表示生成的倒影在对象(原图)的上方;
below:表示生成的倒影在对象(原图)的下方;
left:表示生成的倒影在对象(原图)的左侧;
right:表示生成的倒影在对象(原图)的右侧;
로그인 후 복사
  

(선택 사항)는 생성된 반사 및 객체(원본 그림 사이의 간격), 해당 값은 고정된 픽셀 값 또는 백분율 값일 수 있습니다. <offset>

  

(선택 사항)는 반사의 마스크 효과를 설정하는 데 사용됩니다. 배경 이미지일 수도 있고, 그라데이션으로 생성된 배경 이미지일 수도 있습니다 <mask-box-image>

더 많은 CSS 리플렉션 관련 글은 PHP 중국어 홈페이지를 주목해주세요!

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