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

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

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

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


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

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

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>