All videos

Input values and units

Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.

Input values and units

Whether you’re specifying spacing values, setting the size of an element or a font, or rotating an element using transforms, you can quickly enter the value you want using the keyboard or mouse.

In this video lesson, we show you how to rapidly change input values and units using shortcuts in Webflow.

There are keyboard shortcuts for almost everything — check out our lesson on keyboard shortcuts in Webflow for the full list.

Video details

Duration

0:41

Topic

Design & build

Continue watching

Input values and units - 图1<h3>Migrate a site to Webflow</h3>1:16:53

Input values and units - 图2<h3>Cursor follow interactions</h3>10:25

Input values and units - 图3<h3>Build a cursor-following 3D button</h3>5:15

Input values and units - 图4<h3>Webflow MCP: Build an FAQ accordion with Claude</h3>8:19

Input values and units - 图5<h3>Page load interaction</h3>9:43

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Input values and units",
  "description": "Whether you’re specifying spacing values, setting the size of an element or a font, or rotating an element using transforms, you can quickly enter the value you want using the keyboard or mouse. ",
  "url": "https://university.webflow.com/videos/input-values-and-units",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b9450698510a9d2dea0b20_5fbefcfafecaff9bf00bd7ba_YT-Thumbnail-20(Breakpoint-20shortcuts).webp",
  "duration": "0:41",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=zFco9vGhuQI",
  "embedUrl": "https://www.youtube.com/embed/zFco9vGhuQI",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}