Transform

CSS operations that modify element geometry—translate, rotate, scale, skew—without affecting document flow. Transforms are hardware-accelerated for smooth performance and power many animation effects. Combine transforms for complex visual manipulations.

Related terms

Related terms

  • Border Radius

    Design

    The CSS property that rounds the corners of an element, measured in pixels or percentages. Border radius transforms harsh rectangles into friendlier, more organic shapes—from subtle rounding to perfect circles. Framer provides individual corner controls for asymmetric rounding and variables to maintain consistent corner radii across your design system.

  • Breakpoint Variant

    Framer

    A version of a component or layout specifically designed for a particular screen size, allowing different arrangements at each breakpoint. This approach provides precise control over how elements restack, resize, or hide across devices. In Framer, create breakpoint variants to transform horizontal navbars into mobile hamburger menus or reflow card grids into single columns.

  • Rotate

    Design

    A transform that spins an element around a center point by a specified angle measured in degrees. Rotation adds dynamism and visual interest to layouts and interactions. Combine rotation with other transforms for complex motion sequences.

  • Scroll Transform

    Framer

    Animation effects tied to scroll position, creating parallax, reveal, and other scroll-driven visual changes. Scroll transforms add interactivity and storytelling potential to long-form content. Balance visual interest with performance and accessibility considerations.

  • Conditionals

    CMS

    Logic rules that show, hide, or transform output based on whether specific conditions are met. Conditionals are useful for adapting CMS-driven content to different states or data values.

  • CMS Plugin

    CMS

    A plugin focused on CMS operations such as syncing content, transforming fields, or managing collections at scale. CMS plugins help automate repetitive content tasks and integrations.

  • Provenance Metadata

    AI

    Provenance Metadata captures source, edits, and processing history for an asset so consumers can assess authenticity. It is typically surfaced through Content Credentials and reinforced with Tamper-Evident Metadata.

  • Vision Transformer (ViT)

    AI

    Vision Transformer (ViT) applies transformer attention mechanisms to image patches for classification and representation learning. It is widely used in multimodal stacks with CLIP and in segmentation systems like Segment Anything Model (SAM).

  • Scroll effects

    Effects

    In Framer, scroll effects let designers tie motion to page position, so sections can fade, move, scale, or transform as someone scrolls through the experience.

  • 3D transforms

    Effects

    Framer’s transform controls can add dimensional motion and perspective to cards, mockups, and interaction states while keeping the elements editable on the canvas.