This video content is for premium members only. Please log in or upgrade your account to view it.

Advanced CSS borders (animations, shapes, object-fit) — web design tutorial

This lesson covers how to set CSS border radius properties, border styles, border colors
Borders are one of the few things on the web that contribute to an element’s size, unless the element has explicit dimensions set. This lesson covers how to set CSS border radius properties, border styles, border colors — and expands into animations, overflow, and even more advanced CSS properties like object-fit, which can be used to achieve perfectly circular, consistent image elements. We’ll cover all of it in this lesson: 00:00 - Introduction 00:48 - Borders 01:27 - Shapes 03:48 - Sides & edges 04:40 - Bevels 05:24 - Animated transitions 06:55 - Recap ---------- Get started with Webflow: https://wfl.io/2r7cVUW https://webflow.com https://twitter.com/webflow https://facebook.com/webflow