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

공유 요소 전환

Christopher Nolan
풀어 주다: 2025-03-25 10:22:11
원래의
559명이 탐색했습니다.

공유 요소 전환

나는 단지 더 나은 기본 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿