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
CSS border effects without using borders
1:00
83.4K views
CSS border effects without using borders
Kevin Powell
CSS Inverted border-radius Card | Curve Outside #shorts
0:51
18.2K views
CSS Inverted border-radius Card | Curve Outside #shorts
Online Tutorials
CSS Basics
CSS Tutorial – Full Course for Beginners
11:08:10
CSS Tutorial – Full Course for Beginners
YouTubefreeCodeCamp.org
2.7M viewsAug 30, 2022
CSS Tutorial - Zero to Hero (Complete Course)
6:18:38
CSS Tutorial - Zero to Hero (Complete Course)
YouTubefreeCodeCamp.org
3.5M viewsOct 16, 2019
CSS Introduction and Tutorial for Beginners
14:48
CSS Introduction and Tutorial for Beginners
YouTubeDave Gray
162.5K viewsFeb 1, 2022
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.8K 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
CSS Animations
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Learn CSS Animations In 20 Minutes - For Beginners
YouTubeSlaying The Dragon
1.3M viewsNov 30, 2022
Learn CSS Animations Practically in 50 Minutes - For Beginners
53:47
Learn CSS Animations Practically in 50 Minutes - For Beginners
YouTubeWsCube Tech
89.4K viewsJul 22, 2023
Learn CSS Animations in 9 Minutes
8:41
Learn CSS Animations in 9 Minutes
YouTubeCoding2GO
212.6K viewsJun 16, 2024
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, Border…
148.8K 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 tuto…
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 Border
140.8K viewsFeb 1, 2021
YouTubeOnline Tutorials
How (and why) to use borders to make a CSS triangle (plus a scss mixin)
19:24
How (and why) to use borders to make a CSS triangle (plus a scss mixin)
39.6K viewsFeb 13, 2019
YouTubeKevin Powell
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
Awesome Border Animation Effects using CSS repeating-conic-gradient
5:06
Awesome Border Animation Effects using CSS repeating-conic-gradient
65.6K viewsJul 24, 2023
YouTubeOnline Tutorials
3:24
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure Css …
50.2K viewsJul 1, 2017
YouTubeOnline Tutorials
3:55
How to make Zig-zag border using Html & CSS | Quick CSS Tips & Tricks
16.7K viewsOct 10, 2020
YouTubeOnline Tutorials
34:57
Spice up your site | Easy waves, angles, & other creative shapes with …
177.4K viewsJan 31, 2023
YouTubeKevin Powell
6:29
Spacing on the web (padding, margin, and Occam's square) — web design t…
124.2K viewsAug 12, 2020
YouTubeWebflow
7:51:46
HTML & CSS for Beginners | FREE MEGA COURSE (7+ Hours!)
1.2M viewsJul 13, 2022
YouTubeEnvato Tuts+
2:09:15
HTML and CSS Tutorial - Create a Website for Beginners
675.3K viewsOct 15, 2018
YouTubefreeCodeCamp.org
2:41
How to Make CSS Zig-Zag Border | Quick CSS Tricks @OnlineTutorialsYT
20.5K viewsNov 10, 2021
YouTubeOnline Tutorials
8:37
Awesome CSS Border Animation & Image Hover Effects | Html CSS ‪@On…
88.4K viewsApr 20, 2022
YouTubeOnline Tutorials
8:26
Creating an inverted border-radius with CSS
154.1K viewsMay 25, 2023
YouTubeKevin Powell
9:52
Styling HTML tables with CSS - Web Design/UX Tutorial
546.1K viewsApr 15, 2019
YouTubedcode
17:15
Intro to CSS Grid - Create a Basic Layout - Web Design Tutorial
275.4K viewsOct 21, 2019
YouTubedcode
6:37
Advanced CSS Border Radius Tutorial
13.9K viewsMay 4, 2019
YouTubeThapa Technical
18:35
How to make shapes with CSS
358.4K viewsMar 23, 2018
YouTubeKevin Powell
11:37
Image Hover Text Overlay Effect with HTML & CSS - Web Design Tutorial
263.1K viewsJul 2, 2020
YouTubedcode
6:35
HTML & CSS for Beginners Part 3: Paragraphs and Headings
216.2K viewsOct 26, 2016
YouTubeKevin Powell
24:56
Learn HTML Forms In 25 Minutes
1M viewsJun 8, 2019
YouTubeWeb Dev Simplified
5:22
box-sizing: border-box explained
248.9K viewsMar 9, 2019
YouTubeKevin Powell
6:18:38
CSS Tutorial - Zero to Hero (Complete Course)
3.5M viewsOct 16, 2019
YouTubefreeCodeCamp.org
50:03
Animated Glowing Border // Easy to Customize CSS Effect
61.1K viewsFeb 9, 2023
YouTubeKevin Powell
6:14
Creative CSS Button Hover Effects | Glowing Gradient Border Effects usin…
120.3K viewsAug 12, 2021
YouTubeOnline Tutorials
8:39
HTML Tutorial - Styling a form with CSS
134.6K viewsDec 23, 2020
YouTubeLinkedIn Learning
6:20
Add an overlay to a background-image with one line of CSS
82.5K viewsMay 22, 2024
YouTubeKevin Powell
See more videos
Static thumbnail place holder