🌊 Add Waves, Shapes & Curves to Your Website

preview_player
Показать описание
🌊 Add Waves, Shapes & Curves to Your Website

Ever wonder how some websites get those nice wavy, curvy backgrounds? This short shows you the tool I use to generate them.

👇 Follow Me On Social Media:
  1. Dave Gray
  2. svg backgrounds
  3. css curves
  4. css waves
  5. css shapes
  6. html backgrounds
Рекомендации по теме
🌊 Add Waves, 0:00:45

🌊 Add Waves, Shapes & Curves to Your Website

Spice up your 0:34:57

Spice up your site | Easy waves, angles, & other creative shapes with CSS

Creative CSS SVG 0:03:00

Creative CSS SVG Wave Banner Background | CSS Curved Banner Shape

How to make 0:08:11

How to make wave and blob shapes in Illustrator

Photoshop tips—Draw a 0:01:10

Photoshop tips—Draw a cool technical techno wave line

How to make 0:02:31

How to make abstract waves in Adobe illustrator | Abstract Background Design | Illustrator tutorial

How to Create 0:01:15

How to Create Waves in Photoshop

After Effects Tutorial 0:01:07

After Effects Tutorial - Shape Layer Wave

A Lake In 2:58:33

A Lake In Finland Has the Exact Shape of Its Country's Border - The Wonders of the Nature

How to create 0:06:46

How to create wave background in Figma with the Bend tool

Lines Wave Style 0:13:08

Lines Wave Style Poster Graphic Design Tutorial With Adobe Illustrator || Adobe Illustrator Tutorial

How to add 0:04:20

How to add svg waves shape in website | wave shape | sharif | developer sharif

How to Create 0:05:18

How to Create Elementor Wave Animation Tutorial | WordPress Builder

Using Blobs & 0:15:21

Using Blobs & Waves in your UI Designs

Wave Section Break 0:02:37

Wave Section Break in Webflow | Webflow Tutorial

Classic 'Wave' Effect 0:04:14

Classic 'Wave' Effect

Quick & Easy 0:00:19

Quick & Easy Beach Waves 🌊 #hairtutorial #shorthair

CSS Water Wave 0:02:55

CSS Water Wave Background Animation Effects | Wavy Background

Making Audio Waves 0:04:19

Making Audio Waves That Look and Sound Like Things

How to Add 0:03:26

How to Add Waves in Physics Crests and Troughs

The SECRET to 0:05:28

The SECRET to a Seamless Wave Pattern in Illustrator

How to Design 0:05:25

How to Design Modern Wave Background in Photoshop

WAVE EFFECT | 0:02:50

WAVE EFFECT | Figma Tutorial

Animate Sea Waves 0:06:30

Animate Sea Waves Using Shape Tween in adobe animate cc | adobe flash animation | adobe tutorials

Комментарии
Автор

I was literally programming my MERN-stack frontpage and while having a break, I watched these Shorts videos and came up to this video as I was planning how to implement this kind of shaped landing page. Thanks a ton!!

jamesperse
Автор

Hi dave i am watching u for a long time you help us to get so many knowledge in that domain i am as full stack i wanna say thank u so much sir

YoussefKonich
Автор

I tried using css clip path generator but I'm not impressed with the result.
Thanks so much for this🙏♥️

igbrowns
Автор

can I try the SVG using the background-image: url property?

igbrowns
Автор

Wow this is nice when I read the caption I thought it's gonna be haikei. This is new ❤.

Thanks Dave!

sirelee