Cloning a Weird Border Design
Offered By: Kevin Powell via YouTube
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: RepresentationStanford 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