>웹 프론트엔드 >CSS 튜토리얼 >공유 요소 전환

공유 요소 전환

Christopher Nolan
Christopher Nolan원래의
2025-03-25 10:22:11583검색

공유 요소 전환

나는 단지 더 나은 기본 PageTransitions를 기대하고 있었고 Bramus는 Chrome이 무언가를 위해 노력하고 있다고 언급했습니다. 새로운 저장소가 있기 때문에 신선한 열정이있는 것 같습니다. 문자 그대로 크롬 카나리아에서 테스트 할 수 있습니다.

저장소가 여기로 옮겨졌고 나는 그 이름을 좋아합니다. "공유 요소"는 여기에서 클러치입니다. 슬라이드 아웃, 슬라이드 인 또는 스타 와이프와 같지 않아 개별 요소를 새로운 장소로 옮길 수 있습니다. Shawn은 Sarah의 기사 가이 능력을 매우 명확하게 만든다고 지적했습니다.

현재 readme에서 코드 스 니펫을 실제로 멋지게 삭제하겠습니다.

 함수 handletRansition () {
  document.documentTransition.prepare ({
    루트 전환 : "왼쪽 공개",
    기간 : 300,
    주가 : [E1, E2, E3]
  }). 그런 다음 (() => {
    docustomthings ();
    document.documentTransition.start ({sharedElements : [newe1, newe2, newe3]}).
      () => console.log ( "전환 완료"));
  });
}

공유 요소를 가질 필요는 없지만, 현재로서는 필요한 순간에 CSS를 통해 적용되는 페인트가 필요합니다. URL 또는 다른 작업을 업데이트 할 필요는 없습니다. 단일 페이지 앱 아키텍처가 작동하지 않기 때문에 자동으로 발생합니다 (추측합니까?).

이상한 역사

내가 이것에 대해 채팅하는 동안 Alex Riviere는 나에게 프리로 마합 Edge가 (독점적) 페이지 전환을 가지고 있다고 지적했다.

 

whaaaat. Christian Schaefer는 우리가 Trident를 잃었을 때 잃어버린 것을 애도하는 포스트를 가지고 있습니다.

이름에서 알 수 있듯이, 이러한 필터는 탐색시 페이지에서 페이지에서 페이지로 사용자를 원활하게 전환 할 수 있습니다. 숫자를 통해 참조하여 선택할 수있는 광범위한 전환 필터 목록이 있습니다.

닦아 내고, 닦아내고, 임의의 녹기, 가로를 쪼개는 등. 그리고 확실히 "공유 요소 전환"이 없습니다.

위 내용은 공유 요소 전환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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