---
title: "View transitions: Handling aspect ratio changes"
url: https://daily.dev/posts/view-transitions-handling-aspect-ratio-changes-sjtspaal3
source_url: https://frontendmasters.com/blog/view-transitions-handling-aspect-ratio-changes/
type: article
source: "Frontend Masters"
published: 2024-02-29T15:17:45.080Z
updated: 2026-06-25T02:13:45.012Z
tags: ["css", "view-transitions", "webdev"]
reading_time: 1
upvotes: 3
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# View transitions: Handling aspect ratio changes

**[Frontend Masters](https://daily.dev/sources/frontendmasters)** · 1 min read · 3 upvotes · 0 comments

## Summary

View Transitions can result in ghosting if an element changes shape. This can be prevented by changing the starting or ending state, or by moving individual parts of the element.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://frontendmasters.com/blog/view-transitions-handling-aspect-ratio-changes/>

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css), [#view-transitions](https://daily.dev/tags/view-transitions), [#webdev](https://daily.dev/tags/webdev)

[View this post on daily.dev](https://daily.dev/posts/view-transitions-handling-aspect-ratio-changes-sjtspaal3)