Parallax image backgrounds, gradients, and video backgrounds

preview_player
Показать описание
*CONTENT WARNING at 01:23 — this section may affect people with visual sensitivities. Viewer discretion is advised.

Backgrounds have evolved significantly since the teal days of Windows 95. Today, dynamic backgrounds can not only grab your attention, but serve to create an unforgettable web design experience. Unless you’ve created a background that induces hypnosis or any kind of reduced awareness that might lead users to forget your web design experience.

More importantly, backgrounds are essential to forming a website’s look and feel. They can establish meaningful groupings to content, meaning they directly affect your design’s usability, navigability, accessibility, and other words that end in -ability.

What’s in this lesson? A whole lot about backgrounds. More than just CSS background colors. From CSS gradient backgrounds that induce euphoria to fullscreen video backgrounds and fixed backgrounds with parallax scrolling, we’ll cover everything you need to know about backgrounds in a real web design context:

00:00 - Introduction
00:32 - Background color (with the Boady ll pages tag)
01:34 - Set a background Background image on an element
04:03 - Linear gradient
05:07 - Radial gradient
06:20 - Color overlay
06:43 - Background video
00:00 - Recap

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

Рекомендации по теме
Комментарии
Автор

These are honestly so entertaining that I would them just for fun even if I wasn't learning Webflow

Автор

This new kind of tutorials are SO SO MUCH BETTER than the old ones. It’s like I’m learning web design, not just the tool that sometimes may be overwhelming for the newbies. And this is what really matters. I just find the old videos dated because now I’m more consciously learning. The examples do stimulate my imagination, and that’s what I didn’t know I needed. You just need to marry me, and that would be all.

tonidebcn
Автор

This are the best tutorial I ever saw on internet 😻😻

barbancha
Автор

You guys should be making tutorial for everything. I'm not even learning Webflow at this time but I love these! 😂😂😂

paulrodriguez
Автор

Eventhough I know most of the stuff in these quick tutorials I never miss the chance to watch them as there are always some small (or big) nuggets to discover and learn about. Great work Webflow.

olehansen
Автор

I never turn on the notification bell, except I do, except I don't, but when I do, it's Webflow.

ysteinWangen
Автор

Just started using Weblow, literally a couple of hours ago, so this is the first tut video I've watched...and I have to say this is the first tut video I've ever laughed at, out loud.. And, it's the first tut video I want to share with friends.
Bravo guys, what a great way to provide help and guidance.

knownoversight
Автор

This should spawn somekind of show. Probably THE best tutorial videos I've seen from any product. Love the way this guy talks and the humour is bang on point.

tonykey
Автор

Webflow tutorial videos are the gold standard of tutorial videos and should receive an Oscar for the best tutorial videos from the Academy of Motion Picture Arts, Sciences and Tutorial Videos.

flyingbrokenarrow
Автор

Man these are so good! The perfect mix of humour and clear explanation.

strathmckay
Автор

Thank you for your amazing tutorials! You make lives of thousands people so much easier! I can honestly say that this website builder platform is revolutionary, keep up the good work!

russianguy
Автор

*CONTENT WARNING at 01:23 — this section may affect people with visual sensitivities. Viewer discretion is advised.

Webflow
Автор

I love your tutorials. This guy is as dull & dry as he is hilarious!! Great job! And your COPY - OMG!!!! The best

elementsessence
Автор

I actually really appreciate the Stacks tip! I completely forgot about that

podsmacked
Автор

Haha great script, very well delivered and clear instructions. Keep up the great work guys 👍🏻

LukasNiebel
Автор

Always happy to watch your tutorial, always fun and easy to understand you're the best

aristotendudi
Автор

I laugh over every lesson, I love you, man

whteclud
Автор

These tutorials start so goood :)))) and funny btw
That's why I'm so excited to watch webflow tutorials every day 😂😂

SinaNouri
Автор

Amazing Webflow, with amazing funny and helpful videos)

Grifanos
Автор

I love you guys! Webflow is a gamechanger

CFL