YoVDO

Cloning a Weird Border Design

Offered By: Kevin Powell via YouTube

Tags

Pseudo-elements Courses Computer Science Courses Web Design Courses

Course Description

Overview

Learn how to recreate a unique border design from a popular website in this 21-minute tutorial video. Explore techniques for creating complex border effects using CSS, including positioning with padding and offsets, utilizing pseudo-elements, and manipulating borders. Follow along as the instructor breaks down the process step-by-step, covering topics such as creating the border-top, positioning elements, and fixing layout issues. Gain practical skills in advanced CSS styling and improve your ability to replicate intricate design elements found on the web.

Syllabus

- Introduction
- What I'm starting with
- The border-top
- positioning it with padding and an offset
- Creating the pseudo-elements for the right side
- Using borders for the left side
- Fixing the now broken right side


Taught by

Kevin Powell

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera