> 웹 프론트엔드 > JS 튜토리얼 > js Clip의 기발한 텍스트 접합 effect_javascript 기술

js Clip의 기발한 텍스트 접합 effect_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:59:04
원래의
1299명이 탐색했습니다.

그래서 누군가가 어떤 CSS 효과가 훌륭하고 실용적이냐고 물었습니다. Clip, 그렇습니다. 이는 대부분의 사람들이 무시하는 속성인 CSS의 클립 속성입니다.

구문:
clip: auto | ret (number number number number)

매개변수:
auto: 전단 없는 객체
Rect(number number number number): 객체의 왼쪽 상단에서 계산된 4개의 좌표를 (0,0)으로 오른쪽 상단부터 순서대로 제공합니다. 왼쪽 하단 오프셋 값, 모든 값은 자동으로 대체될 수 있습니다. 즉, 이 가장자리는 절단되지 않습니다.


1.clip 속성은 position:absolute와 함께 사용해야 한다는 점에 유의하세요.
2. 자르기 기준점은 항상 왼쪽 위 모서리이며 여백 및 패딩과 다릅니다.
예:


클립을 사용하여 다양한 요소를 자르고 편집할 수 있습니다. 접합.
클래식한 텍스트 연결 구현, 다채로운 텍스트 효과:

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