The Investment Banker Certification
Master Windows Internals - Kernel Programming, Debugging & Architecture
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn how to create responsive buttons with cut corners using CSS in this comprehensive tutorial video. Explore the use of custom properties, clip-path, and pseudo-classes to achieve a unique border effect. Follow along as the instructor demonstrates styling techniques, including hover and focus states, to create visually appealing and adaptable button designs. Gain insights into selecting appropriate units and leveraging the :where() selector for enhanced flexibility in your CSS implementations.
Syllabus
- Introduction
- Creating the custom properties
- Styling the button itself
- Adding the clip-path
- adding pseudo-classes to create the border
- Making the border-effect
- Adding the hover and focus state
Taught by
Kevin Powell