<!--
{
  "availability" : [
    "iOS: 17.0.0 -",
    "iPadOS: 17.0.0 -",
    "macCatalyst: 17.0.0 -",
    "macOS: 14.0.0 -",
    "tvOS: 17.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 10.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/VisualEffect/rotationEffect(_:anchor:)",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Method",
  "symbol" : {
    "kind" : "Instance Method",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI12VisualEffectPAAE08rotationD0_6anchorQrAA5AngleV_AA9UnitPointVtF"
  },
  "title" : "rotationEffect(_:anchor:)"
}
-->

# rotationEffect(_:anchor:)

Rotates content in two dimensions around the specified point.

```
func rotationEffect(_ angle: Angle, anchor: UnitPoint = .center) -> some VisualEffect
```

## Parameters

`angle`

The angle by which to rotate the content.

`anchor`

A unit point within the content about which to
perform the rotation. The default value is [`center`](/documentation/SwiftUI/UnitPoint/center).

## Return Value

A rotation effect.

## Discussion

This effect rotates the content around the axis that points
out of the xy-plane. It has no effect on the content’s frame.
The following code rotates text by 22˚ and then draws a border around
the modified view to show that the frame remains unchanged by the
rotation:

```
Text("Rotation by passing an angle in degrees")
    .visualEffect { content, geometryProxy in
        content
            .rotationEffect(.degrees(22))
    }
    .border(Color.gray)
```

![A screenshot of text and a wide grey box. The text says Rotation by passing an angle in degrees. The baseline of the text is rotated clockwise by 22 degrees relative to the box. The center of the box and the center of the text are aligned.](images/com.apple.SwiftUI/SwiftUI-View-rotationEffect@2x.png)

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)