Skip to content
Skip to contents
Skip to reading controls

Search skills⌘K

Setting the file. One moment.

This file

Type

Size

Lines

Position

antfu
/
antfu/skills

Layout Transform · Slidev · antfu/skills · Skills Docs

Repo No. 94 · Slidev

↖Back to the cover

Antfu Design
Antfu
Nitro
Nuxt
Pinia
pnpm
Slidev
Tsdown
Turborepo
Unocss
Vite
Vitepress
Vitest
Vue Best Practices
Vue Router Best Practices
Vue Testing Best Practices
Vue
Vueuse Functions
Web Design Guidelines

19 skills · 40 min

Skill 07 · Slidev

Subchapter 7.39

Layout Transform

references/layout-transform.mdMarkdown663 BView on GitHub

Transform Component

Scale elements without affecting slide layout.

Usage

7Up to skill 7Slidev

On this page

Transform Component
Usage
Props
Use Cases
Related Features

This file

Number: 7.39
Position: 39 of 55
Type: Markdown
Size: 663 B

Nearby

Previous Layout Slots
Next Layout Zoom

Source

md

<Transform :scale="0.5" origin="top center">
  <YourElements />
</Transform>

Props

scale: Scale factor (0.5 = 50%, 2 = 200%)
origin: Transform origin (CSS transform-origin value)

Use Cases

Shrink large diagrams
Scale code blocks
Fit oversized content
Create emphasis effects

Related Features

Scale all slides: Use canvasWidth / aspectRatio in headmatter
Scale individual slides: Use zoom frontmatter option

ReferenceLayout Slots ReferenceLayout Zoom

references/layout-transform.md

(opens in a new tab)

Raw file(opens in a new tab)

antfu/skills(opens in a new tab)