Главная
Study mode:
on
1
- Introduction
2
- I’ve got new Merch
3
- The tricky part we’re trying to copy
4
- The easy parts
5
- Using pseudo-elements for the shadows
6
- Trying and failing to hide the corners
7
- Giving up and looking at Alvaro’s code
8
- Setting up the clip path
9
- Setting up the fake border on the image
10
- Setting up the fake shadow
11
- Improving the look of it
Description:
Learn how to recreate a cut-corner photo effect using CSS in this 22-minute tutorial video. Explore advanced CSS techniques including pseudo-elements, clip paths, and creative border and shadow effects. Follow along as the instructor attempts to replicate a challenging design, encounters obstacles, and ultimately finds a solution by examining another developer's code. Gain insights into problem-solving in web design and pick up valuable CSS tricks to enhance your own projects.

Recreating Cut-Corner Photo Effect with CSS

Kevin Powell
Add to list