yet another web agency

cut off

Piccolo esperimento in css

Hello,
I’m a pure css cut off rectangle :)


.left {
border-color:#ffcc00;
border-style: solid;
border-width: 100px 200px 20px 20px;
height:0px;
width:0px;
position:absolute;
}
.right {
border-color:transparent #ffcc00;
border-style: solid;
border-width: 0px 0px 20px 20px;
height:100px;
width:0px;
position:absolute;
left:228px
}
.content {
position:relative;
padding:10px;
width:220px
}


<div class="left"></div>
<div class="right"></div>
<div class="content">Hello,<br />I'm a pure css cut off rectangle :) </div>

In attesa di…

Have a Comment?

Some HTML is OK