DEV Community

Discussion on: CSS Battle: #13 - Totally Triangle

View post
Collapse
 
gass profile image
Gass • • Edited

These are impressive solutions. To be honest I couldn't figure it out by my own. I had to pick at your solutions. But I came up with the following:

<div></div>
Enter fullscreen mode Exit fullscreen mode 
  body{
    background:#0B2429;
  }
  div {
    width: 200px;
    height: 200px;
    background: #F3AC3C;
    transform: rotate(45deg) translate(-153px);
  }
Enter fullscreen mode Exit fullscreen mode
Collapse
 
j471n profile image
Jatin Sharma •

I didn't think about using translate. Nice Solution :)