Creating an angled edge website header in Webflow

Опубликовано: 21 Август 2018
на канале: Jose Ocando
5,299
120

***Hey all. Unfortunately, I had to delete this Webflow project as I ran out of free projects I could keep in my profile. Sorry about that!

"Breaking the grid" is a great way to give a website a custom, unique feel. In Webflow, it's not too hard to implement. Let's develop it together in this video.

00:00 Intro
00:40 Setting up the Header Section
01:46 Using the skew transform
02:20 Adding the BG Image
05:45 Adding the second angle
07:49 Adding the Navbar
24:00 Adding the header content block
36:00 Adding the arrow link

ABOUT ME -
Serve - My Studio’s Site: https://www.madebyserve.com/
Dribbble: https://dribbble.com/Jose_Ocando