Dev.to

Angled Div Shape(Slanted) border Issue

I was trying to design this shape(https://postimg.cc/gnJLQv5y) , one side slanted. but the border of the angled side not showing,, Ai cant help here. Can anyone help? Thanks.. I used this code:     .slanted-edge {   --p: 70px;   position: relative;   height: 180px;   aspect-ratio: 1;   clip-path: polygon(0 0,100% 0,calc(100% - var(--p)) 100%,0 100%);   background: #fef0f0; }

Apr 20, 2025 - 06:40
 0
Angled Div Shape(Slanted) border Issue

Image description

I was trying to design this shape(https://postimg.cc/gnJLQv5y) , one side slanted. but the border of the angled side not showing,, Ai cant help here. Can anyone help? Thanks..

I used this code:
 
 

.slanted-edge {
  --p: 70px;
  position: relative;
  height: 180px;
  aspect-ratio: 1;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--p)) 100%,0 100%);
  background: #fef0f0;
}

Read More

Tags:

Previous Article

APT29 Deploys GRAPELOADER Malware Targeting European Diplomats Through Wine-Tast...

Next Article

What if we take React as a framework and "lift out" key features like state, eff...

Related Posts

4 Year Badge… but I Don’t Remember Joining?

4 Year Badge… but I Don’t Remember Joining?

Feb 19, 2025  0

Hello, Dev Community! I'm Umair Shakoor

Hello, Dev Community! I'm Umair Shakoor

Mar 2, 2025  0

Unit Testing vs. End-to-End Testing: Understanding the Differences

Unit Testing vs. End-to-End Testing: Understanding the ...

Mar 4, 2025  0