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

Introduction to CSS3
University of Michigan via Coursera
Основы HTML и CSS
Moscow Institute of Physics and Technology via Coursera
Aprende Efectos CSS3
Udemy
CSS Selectors Course (How To)
Treehouse
HTML & CSS Crash Course Tutorial
Net Ninja via YouTube