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

User Experience for the Web
Open2Study
Writing for the Web
Open2Study
Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Human-Computer Interaction Design
University of California, San Diego via Coursera
Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)