Title: View Transitions
Author: WordPress Performance Team
Published: <strong>2025-يىلى 2-ئىيۇن</strong>
Last modified: 2026-يىلى 26-ئاۋغۇست

---

قىستۇرما ئىزدە

![](https://ps.w.org/view-transitions/assets/banner-772x250.png?rev=3306619)

![](https://ps.w.org/view-transitions/assets/icon.svg?rev=3306619)

# View Transitions

 يازغۇچى [WordPress Performance Team](https://profiles.wordpress.org/performanceteam/)

[چۈشۈر](https://downloads.wordpress.org/plugin/view-transitions.1.2.1.zip)

 * [تەپسىلاتلار](https://ug.wordpress.org/plugins/view-transitions/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/view-transitions/#reviews)
 *  [ئورنىتىش](https://ug.wordpress.org/plugins/view-transitions/#installation)
 * [ئىجادىيەت](https://ug.wordpress.org/plugins/view-transitions/#developers)

 [قوللاش](https://wordpress.org/support/plugin/view-transitions/)

## چۈشەندۈرۈش

This plugin implements support for [cross-document view transitions](https://developer.chrome.com/docs/web-platform/view-transitions/cross-document)
in WordPress. This effectively replaces the hard transitions when navigating from
one URL to the other with a smooth animation, by default using a fade effect.

#### Browser support

Cross-document view transitions are supported in a variety of browsers, including
Chrome, Edge, and Safari. Users with browsers that currently do not support it should
not see any adverse effects when the plugin is active. They will simply not benefit
from the feature and continue to experience the traditional hard transitions between
URLs.

[Please refer to «Can I use…» for a comprehensive overview of browser support for the feature.](https://caniuse.com/mdn-css_at-rules_view-transition)

## ئورنىتىش

#### Installation from within WordPress

 1. Visit **Plugins > Add New**.
 2. Search for **View Transitions**.
 3. Install and activate the **View Transitions** plugin.

#### Manual installation

 1. Upload the entire plugin folder to the `/wp-content/plugins/` directory.
 2. Visit **Plugins**.
 3. Activate the **View Transitions** plugin.

#### After activation

 1. Visit the **Settings > Reading** admin screen.
 2. Use the controls in the **View Transitions** section to configure view transitions.

## FAQ

### Where can I submit my plugin feedback?

Feedback is encouraged and much appreciated, especially since this plugin may contain
future WordPress core features. If you have suggestions or requests for new features,
you can [submit them as an issue in the WordPress Performance Team’s GitHub repository](https://github.com/WordPress/performance/issues/new/choose).
If you need help with troubleshooting or have a question about the plugin, please
[create a new topic on our support forum](https://wordpress.org/support/plugin/view-transitions/#new-topic-0).

### Where can I report security bugs?

The Performance team and WordPress community take security bugs seriously. We appreciate
your efforts to responsibly disclose your findings, and will make every effort to
acknowledge your contributions.

To report a security issue, please visit the [WordPress HackerOne](https://hackerone.com/wordpress)
program.

### How can I contribute to the plugin?

Contributions are always welcome! Learn more about how to get involved in the [Core Performance Team Handbook](https://make.wordpress.org/performance/handbook/get-involved/).

## باھالاشلار

![](https://secure.gravatar.com/avatar/9b34d945b55e167ec36ca23348a76e2318534429c37de35c24608af4aa0ca727?
s=60&d=retro&r=g)

### 󠀁[Simple Setup, Beautiful Results](https://wordpress.org/support/topic/simple-setup-beautiful-results/)󠁿

 [gudi](https://profiles.wordpress.org/wordoping/) 2025-يىلى 7-دېكابىر

Fantastic plugin! Smooth, modern page transitions that make any site feel faster
and more polished. Simple to set up and works flawlessly on supported browsers. 
Highly recommended.

![](https://secure.gravatar.com/avatar/8a4dfa65226041f41a866684f0dd95f139ebd829c839c8f8a13100bcfa2e4954?
s=60&d=retro&r=g)

### 󠀁[Speechless](https://wordpress.org/support/topic/speechless-9/)󠁿

 [arcticblue](https://profiles.wordpress.org/arcticblue/) 2025-يىلى 19-نويابىر

I'm blown away!

![](https://secure.gravatar.com/avatar/7104bcd978b6465c8c1a188466aadb7dc4504d59c28bda708e32a1101b390c9a?
s=60&d=retro&r=g)

### 󠀁[Must have](https://wordpress.org/support/topic/must-have-734/)󠁿

 [gilbertococchi](https://profiles.wordpress.org/gilbertococchi/) 2025-يىلى 22-ئاۋغۇست

This plugin lets developers easily implementing something that otherwise is not 
possible to use on the Web (animating CrossDocument navigations with seamless transitions)!
Thanks for making it so easy for WP developers to improve UX!

![](https://secure.gravatar.com/avatar/eecf73e172d4d980ae83ea761c854d89ce1a45e65cd27901696c261a659598ba?
s=60&d=retro&r=g)

### 󠀁[Excellent](https://wordpress.org/support/topic/excellent-14001/)󠁿

 [Mohaymenul Islam](https://profiles.wordpress.org/mohaymenul/) 2025-يىلى 23-ئىيۇل

Loved it. little feel of NextJS 🥳

![](https://secure.gravatar.com/avatar/5a40408a4cdbcd52ebe9529d5cd5b391dd489c541c2a7be1104e7b05a68704eb?
s=60&d=retro&r=g)

### 󠀁[Transforms Site Into a Web App](https://wordpress.org/support/topic/transforms-site-into-a-web-app/)󠁿

 [tamnik](https://profiles.wordpress.org/tamnik/) 2025-يىلى 23-ئىيۇل

Great idea and implementation!Makes site feel more like a real app instead of a 
regular website with smooth transitions! Thanks!

![](https://secure.gravatar.com/avatar/dd48ded092e6c1b8bb4c5d9bd1b474c647e6786a51c1eba6e633ab5719eeb86c?
s=60&d=retro&r=g)

### 󠀁[Simple and elegant](https://wordpress.org/support/topic/simple-and-elegant-122/)󠁿

 [jbarr](https://profiles.wordpress.org/jbarr/) 2025-يىلى 17-ئىيۇل

It adds a nuance that just makes site navigation smoother and more pleasing. Page
loading is less "jarring". Certainly worth a look.

 [ 23 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/view-transitions/reviews/)

## تۆھپىكار ۋە ئىجادكار

«View Transitions» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە
قوشقان.

تۆھپىكار

 *   [ WordPress Performance Team ](https://profiles.wordpress.org/performanceteam/)
 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)

«View Transitions» 10 تىلغا تەرجىمە قىلىنغان. [تەرجىمانلار](https://translate.wordpress.org/projects/wp-plugins/view-transitions/contributors)
نىڭ تۆھپىسى ئۈچۈن رەھمەت.

[«View Transitions» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/view-transitions)

### ئىجادىيەتكە قىزىقامسىز؟

[كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/view-transitions/)،
[SVN خەزىنە](https://plugins.svn.wordpress.org/view-transitions/) تەكشۈرۈپ ياكى 
[RSS](https://plugins.trac.wordpress.org/log/view-transitions/?limit=100&mode=stop_on_copy&format=rss)
ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/view-transitions/)
گە مۇشتەرى بولغىلى بولىدۇ.

## ئۆزگىرىش خاتىرىسى

#### 1.2.1

**Bug Fixes**

 * Fix `InvalidStateError` on bfcache navigations. ([2438](https://github.com/WordPress/performance/pull/2438))

#### 1.2.0

**Enhancements**

 * Omit admin View Transitions functionality when present in core. ([2344](https://github.com/WordPress/performance/pull/2344))

#### 1.1.2

**Bug Fixes**

 * Include static page for posts for article transitions. ([2306](https://github.com/WordPress/performance/pull/2306))

#### 1.1.1

**Bug Fixes**

 * View Transitions: Fix admin opt-in checkbox appears stretched on mobile. ([2088](https://github.com/WordPress/performance/pull/2088))

#### 1.1.0

**Features**

 * Add view transitions for WP Admin. ([2038](https://github.com/WordPress/performance/pull/2038))

**Enhancements**

 * Allow control over view transition animation duration. ([2051](https://github.com/WordPress/performance/pull/2051))
 * Make `plvt_inject_animation_duration()` reusable for all transition types, including
   default fade. ([2078](https://github.com/WordPress/performance/pull/2078))
 * Make settings section title properly translatable. ([2042](https://github.com/WordPress/performance/pull/2042))

**Bug Fixes**

 * Inform the user if the current theme explicitly supports view transitions with
   its own configuration, and add a UI control to make overriding that configuration
   via settings optional. ([2037](https://github.com/WordPress/performance/pull/2037))
 * Set default view transition duration to 400 for better alignment with browser
   default. ([2081](https://github.com/WordPress/performance/pull/2081))
 * Respect prefers-reduced-motion settings. ([2068](https://github.com/WordPress/performance/pull/2068))

#### 1.0.1

 * Fix view transitions setting values not being saved. ([2036](https://github.com/WordPress/performance/pull/2036))

#### 1.0.0

 * Initial release. ([1997](https://github.com/WordPress/performance/issues/1997))

## جامائەت قىستۇرمىسى

بۇ قىستۇرمىنىڭ ئىجادىيىتى ۋە قوللىشىغا جامائەت مەسئۇل. [بۇ قىستۇرمىغا تۆھپە قوشۇڭ](https://github.com/WordPress/performance)

## Meta

 *  Version **1.2.1**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **1 ئاي بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **10,000+**
 *  WordPress نەشرى ** 6.9 ياكى يۇقىرى **
 *  **7.1.2** دا سىنالغان
 *  PHP نەشرى ** 7.4 ياكى يۇقىرى **
 *  تىل
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/view-transitions/)، [Danish](https://da.wordpress.org/plugins/view-transitions/)،
   [English (UK)](https://en-gb.wordpress.org/plugins/view-transitions/)، [English (US)](https://wordpress.org/plugins/view-transitions/)،
   [French (France)](https://fr.wordpress.org/plugins/view-transitions/)، [Persian](https://fa.wordpress.org/plugins/view-transitions/)،
   [Spanish (Chile)](https://cl.wordpress.org/plugins/view-transitions/)، [Spanish (Spain)](https://es.wordpress.org/plugins/view-transitions/)،
   [Swedish](https://sv.wordpress.org/plugins/view-transitions/)، [Turkish](https://tr.wordpress.org/plugins/view-transitions/)
   ۋە [Ukrainian](https://uk.wordpress.org/plugins/view-transitions/).
 *  [تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/view-transitions)
 * بەلگە
 * [animations](https://ug.wordpress.org/plugins/tags/animations/)[performance](https://ug.wordpress.org/plugins/tags/performance/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/view-transitions/advanced/)

## دەرىجە

 5/5 يۇلتۇز

 *  [  22 5-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=5)
 *  [  0 4-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=4)
 *  [  0 3-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=3)
 *  [  0 2-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=2)
 *  [  0 1-يۇلتۇز باھالاش     ](https://wordpress.org/support/plugin/view-transitions/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/view-transitions/reviews/#new-post)

[بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/view-transitions/reviews/)

## تۆھپىكار

 *   [ WordPress Performance Team ](https://profiles.wordpress.org/performanceteam/)
 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)

## قوللاش

يېقىنقى ئىككى ئايدا ھەل قىلىنغان مەسىلە:

     0 / 1

 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/view-transitions/)