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 ...
已浏览 5.2万 次2022年6月21日
CSS Tutorial
CSS Tutorial – Full Course for Beginners
11:08:10
CSS Tutorial – Full Course for Beginners
YouTubefreeCodeCamp.org
已浏览 271.7万 次2022年8月30日
CSS Full Course Tutorial for Beginners - Learn EVERYTHING You Need to Know in Detail 🔍
11:37:46
CSS Full Course Tutorial for Beginners - Learn EVERYTHING You Need to Know in Detail 🔍
YouTubeFuture Fullstack
已浏览 34.8万 次1 年前
CSS - Introduction - W3Schools.com
1:37
CSS - Introduction - W3Schools.com
YouTubew3schools.com
已浏览 28.3万 次2024年2月8日
热门视频
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
7:15
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
YouTubeWebflow
已浏览 5.7万 次2020年8月29日
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)
YouTubeKevin Powell
已浏览 4万 次2019年2月13日
The border property you never knew you needed
14:25
The border property you never knew you needed
YouTubeKevin Powell
已浏览 10.6万 次2022年10月11日
CSS Animation
Master CSS Animation Property in 11 Minutes [Full Tutorial] 🚀
10:56
Master CSS Animation Property in 11 Minutes [Full Tutorial] 🚀
YouTubeCSSnippets
已浏览 13.3万 次2024年11月28日
Learn CSS Animations Practically in 50 Minutes - For Beginners
53:47
Learn CSS Animations Practically in 50 Minutes - For Beginners
YouTubeWsCube Tech
已浏览 8.9万 次2023年7月22日
Learn CSS Animations in 9 Minutes
8:41
Learn CSS Animations in 9 Minutes
YouTubeCoding2GO
已浏览 21.3万 次2024年6月16日
Advanced CSS borders (animations, shapes, object-fit) — web design tutorial
7:15
在视频中查找 00:03Introduction to Borders
Advanced CSS borders (animations, shapes, object-fit) — web design t…
已浏览 5.7万 次2020年8月29日
YouTubeWebflow
How (and why) to use borders to make a CSS triangle (plus a scss mixin)
19:24
在视频中查找 0:00Introduction to CSS Triangles
How (and why) to use borders to make a CSS triangle (plus a scss …
已浏览 4万 次2019年2月13日
YouTubeKevin Powell
The border property you never knew you needed
14:25
在视频中查找 0:00Introduction to Border Image
The border property you never knew you needed
已浏览 10.6万 次2022年10月11日
YouTubeKevin Powell
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained
18:52
在视频中查找 0:00Introduction to CSS Box Model
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Bor…
已浏览 14.9万 次2016年11月3日
YouTubeKevin Powell
How to make Perfect Rounded Corner Border-radius | CSS tips
4:35
How to make Perfect Rounded Corner Border-radius | CSS tips
已浏览 1.7万 次2024年1月29日
YouTubeOnline Tutorials
CSS Outline vs Border - differences, advantages, and disadvantages
10:05
在视频中查找 02:22Outline is drawn outside of the border
CSS Outline vs Border - differences, advantages, and disadvantages
已浏览 4.7万 次2021年1月5日
YouTubeKevin Powell
Awesome CSS Border Animation | Quick CSS3 Animation Effects
4:13
Awesome CSS Border Animation | Quick CSS3 Animation Effects
已浏览 17.3万 次2021年10月2日
YouTubeOnline Tutorials
5:06
Awesome Border Animation Effects using CSS repeating-conic-gradient
已浏览 6.6万 次2023年7月24日
YouTubeOnline Tutorials
4:15
Awesome CSS Border Animation | Quick CSS Animation Effects ‪@O…
已浏览 6.7万 次2022年7月9日
YouTubeOnline Tutorials
3:24
How To Create CSS Gradient Border - Css Quick Tips And Trick - Pure …
已浏览 5万 次2017年7月1日
YouTubeOnline Tutorials
50:03
在视频中查找 09:30Adding the Border Radius
Animated Glowing Border // Easy to Customize CSS Effect
已浏览 6.1万 次2023年2月9日
YouTubeKevin Powell
8:27
在视频中查找 00:22Setting Up the HTML and CSS
Create an animated, glowing, gradient border with CSS
已浏览 15.2万 次2023年3月16日
YouTubeKevin Powell
8:11
Creative CSS Gradient Border Cards | How to Create CSS Gradient Bor…
已浏览 14.1万 次2021年2月1日
YouTubeOnline Tutorials
3:55
How to make Zig-zag border using Html & CSS | Quick CSS Tips & Tri…
已浏览 1.7万 次2020年10月10日
YouTubeOnline Tutorials
5:22
在视频中查找 02:00Adding Padding and Border
box-sizing: border-box explained
已浏览 24.9万 次2019年3月9日
YouTubeKevin Powell
4:00
How to make Zig Zag borders using CSS - css gradient effects - Pure H…
已浏览 2.2万 次2017年4月22日
YouTubeOnline Tutorials
2:41
How to Make CSS Zig-Zag Border | Quick CSS Tricks @OnlineTutorial…
已浏览 2.1万 次2021年11月10日
YouTubeOnline Tutorials
6:37
Advanced CSS Border Radius Tutorial
已浏览 1.4万 次2019年5月4日
YouTubeThapa Technical
1:00
在视频中查找 00:10Outline and Offset Alternatives
CSS border effects without using borders
已浏览 8.3万 次2023年7月12日
YouTubeKevin Powell
8:02
CSS Input Field Text and Gradient Border Animation Effects | CSS O…
已浏览 3.2万 次2022年8月9日
YouTubeOnline Tutorials
8:16
How To Create Inverted border-radius Card With CSS ‪@KevinPow…
已浏览 7.3万 次2023年5月26日
YouTubeOnline Tutorials
6:20
在视频中查找 02:00Creating the Border Image
Add an overlay to a background-image with one line of CSS
已浏览 8.2万 次2024年5月22日
YouTubeKevin Powell
8:22
在视频中查找 03:50Understanding Border
Learn CSS Box Model In 8 Minutes
已浏览 69.2万 次2019年3月16日
YouTubeWeb Dev Simplified
6:14
Creative CSS Button Hover Effects | Glowing Gradient Border Effects u…
已浏览 12万 次2021年8月12日
YouTubeOnline Tutorials
6:35
HTML & CSS for Beginners Part 3: Paragraphs and Headings
已浏览 21.6万 次2016年10月26日
YouTubeKevin Powell
7:52
Mastering in CSS3 Box Shadow From Beginner To Expert
已浏览 15.1万 次2020年3月13日
YouTubeOnline Tutorials
7:03
HTML & CSS for Beginners Part 4: Bold and Italic text and HTML com…
已浏览 17.5万 次2016年10月26日
YouTubeKevin Powell
6:27
CSS Animated Glowing Gradient Border Effects
已浏览 1.3万 次2024年1月19日
YouTubeOnline Tutorials
8:37
Awesome CSS Border Animation & Image Hover Effects | Html CSS @…
已浏览 8.8万 次2022年4月20日
YouTubeOnline Tutorials
观看更多视频
静态缩略图占位符