Create borders with cut corners | fully responsive CSS and easy to adapt
24:10
YouTubeKevin Powell
Create borders with cut corners | fully responsive CSS and easy to adapt
I was asked if we could make a button with cut corners, and it seemed like a fun challenge, and this is my solution! It involves a lot of custom properties and the setup is a little complex, but the custom properties make it easy to make changes down the line! 🔗 Links The code: https://codepen.io/kevinpowell/pen/bGLmORx How to pick units ...
51.7K viewsJun 21, 2022
Shorts
Creative CSS Gradient Border Cards | How to Create CSS Gradient Border
8:11
140.8K views
Creative CSS Gradient Border Cards | How to Create CSS Gradient Border
Online Tutorials
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure Css Tutorials
3:24
50.2K views
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure Css
Online Tutorials
HTML Tutorial
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
HTML Tutorial for Beginners: HTML Crash Course
YouTubeProgramming with Mosh
10.5M viewsJan 11, 2021
Learn HTML – Full Tutorial for Beginners
4:07:30
Learn HTML – Full Tutorial for Beginners
YouTubefreeCodeCamp.org
4M viewsMar 8, 2022
HTML Tutorial for Beginners
39:06
HTML Tutorial for Beginners
YouTubeKevin Stratvert
1.2M viewsJul 5, 2023
Top videos
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained
18:52
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained
YouTubeKevin Powell
148.7K viewsNov 3, 2016
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
7:15
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
YouTubeWebflow
57.4K viewsAug 29, 2020
CSS Skewed Border | Creative Box Border Hover Effects | Html CSS
7:48
CSS Skewed Border | Creative Box Border Hover Effects | Html CSS
YouTubeOnline Tutorials
362.3K viewsMar 11, 2019
HTML Basics
HTML Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours
4:07:34
HTML Full Course for Beginners | Complete All-in-One Tutorial | 4 Hours
YouTubeDave Gray
923.7K viewsFeb 18, 2022
Learn HTML for Beginners - W3Schools.com
47:18
Learn HTML for Beginners - W3Schools.com
YouTubew3schools.com
624.3K viewsJun 28, 2024
Learn HTML in 1 hour 🌎
1:00:00
Learn HTML in 1 hour 🌎
YouTubeBro Code
3.3M viewsSep 1, 2021
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained
18:52
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Bor…
148.7K viewsNov 3, 2016
YouTubeKevin Powell
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
7:15
Advanced CSS borders (animations, shapes, object-fit) — web design t…
57.4K viewsAug 29, 2020
YouTubeWebflow
CSS Skewed Border | Creative Box Border Hover Effects | Html CSS
7:48
CSS Skewed Border | Creative Box Border Hover Effects | Html CSS
362.3K viewsMar 11, 2019
YouTubeOnline Tutorials
Creative CSS Gradient Border Cards | How to Create CSS Gradient Border
8:11
Creative CSS Gradient Border Cards | How to Create CSS Gradient Bor…
140.8K viewsFeb 1, 2021
YouTubeOnline Tutorials
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure Css Tutorials
3:24
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure …
50.2K viewsJul 1, 2017
YouTubeOnline Tutorials
How to make Zig-zag border using Html & CSS | Quick CSS Tips & Tricks
3:55
How to make Zig-zag border using Html & CSS | Quick CSS Tips & Tri…
16.7K viewsOct 10, 2020
YouTubeOnline Tutorials
Create an animated, glowing, gradient border with CSS
8:27
Create an animated, glowing, gradient border with CSS
152.2K viewsMar 16, 2023
YouTubeKevin Powell
9:14
HTML CSS LOVE | Border Animation Effects
2.6K views4 months ago
YouTubeOnline Tutorials
5:06
Awesome Border Animation Effects using CSS repeating-conic-gradient
65.5K viewsJul 24, 2023
YouTubeOnline Tutorials
8:37
Awesome CSS Border Animation & Image Hover Effects | Html CSS @…
88.4K viewsApr 20, 2022
YouTubeOnline Tutorials
50:03
Animated Glowing Border // Easy to Customize CSS Effect
61.1K viewsFeb 9, 2023
YouTubeKevin Powell
19:24
How (and why) to use borders to make a CSS triangle (plus a scss …
39.6K viewsFeb 13, 2019
YouTubeKevin Powell
4:35
How to make Perfect Rounded Corner Border-radius | CSS tips
16.9K viewsJan 29, 2024
YouTubeOnline Tutorials
4:00
How to make Zig Zag borders using CSS - css gradient effects - Pure H…
22.2K viewsApr 22, 2017
YouTubeOnline Tutorials
2:41
How to Make CSS Zig-Zag Border | Quick CSS Tricks @OnlineTutorial…
20.5K viewsNov 10, 2021
YouTubeOnline Tutorials
4:15
Awesome CSS Border Animation | Quick CSS Animation Effects ‪@O…
66.9K viewsJul 9, 2022
YouTubeOnline Tutorials
3:14
CSS Glowing Gradient Border Effects | Html CSS
120.2K viewsMar 28, 2019
YouTubeOnline Tutorials
8:16
How To Create Inverted border-radius Card With CSS ‪@KevinPow…
72.5K viewsMay 26, 2023
YouTubeOnline Tutorials
8:26
Creating an inverted border-radius with CSS
154.1K viewsMay 25, 2023
YouTubeKevin Powell
6:29
Spacing on the web (padding, margin, and Occam's square) — w…
124.2K viewsAug 12, 2020
YouTubeWebflow
9:52
Styling HTML tables with CSS - Web Design/UX Tutorial
546.1K viewsApr 15, 2019
YouTubedcode
8:22
Learn CSS Box Model In 8 Minutes
692.4K viewsMar 16, 2019
YouTubeWeb Dev Simplified
24:56
Learn HTML Forms In 25 Minutes
1M viewsJun 8, 2019
YouTubeWeb Dev Simplified
18:35
How to make shapes with CSS
358.4K viewsMar 23, 2018
YouTubeKevin Powell
5:22
box-sizing: border-box explained
248.9K viewsMar 9, 2019
YouTubeKevin Powell
8:02
CSS Input Field Text and Gradient Border Animation Effects | CSS O…
32K viewsAug 9, 2022
YouTubeOnline Tutorials
11:22
CSS Inverted border-radius Cards | Curve Outside
21.2K viewsMay 30, 2023
YouTubeOnline Tutorials
5:29
HTML Tutorial - Flowing text around an image
392K viewsSep 17, 2012
YouTubeLinkedIn Learning
4:13
Awesome CSS Border Animation | Quick CSS3 Animation Effects
172.7K viewsOct 2, 2021
YouTubeOnline Tutorials
See more videos
Static thumbnail place holder