We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
The Style panel in Webflow lets us use the same CSS properties used by Apple, Google and Stripe to push the boundaries of what’s possible on the web.
In this lesson:
CSS Preview
You can see the code writes itself when CSS Preview is open and you’re making style changes to any element.
To open CSS Preview:
- Click the Help icon at the bottom of the left panel (to see the available options)
- Select CSS Preview
Code Export
You can export the code to hand off to a developer, or to use the code somewhere else.
And you can export in 2 steps:
- In the top panel, click the Export icon.
- Then, click the Prepare zip button
A download of all of your project files will begin so that you can use those files however you like.
That’s it! That’s coding CSS in Webflow without coding CSS. In Webflow.