Spice Up Your Site - Easy Waves, Angles, and Other Creative Shapes With CSS
Kevin Powell via YouTube
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to enhance website designs with creative CSS techniques in this 35-minute tutorial. Explore methods for adding angles, shapes, and waves to transform typical layouts into visually engaging designs. Follow along to implement diagonal sections, spiky elements, and wavy shapes using CSS and SVG. Gain insights into pseudo-elements, mask-image properties, and SVG path editing to create unique and eye-catching web designs that break away from conventional box-based layouts.
Syllabus
- Introduction
- Goals for creating each of these
- Project set up
- The HTML
- General CSS stylings
- CSS - the diagonal section
- CSS - the spiky section
- Making a triangle SVG
- CSS - continuing the spiky section
- CSS - the wavy section
Taught by
Kevin Powell