css3 – 梯形
用CSS3 來畫梯形
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
.box { width: 100px; height: 100px; float: left; background: #424242; @include transition(all 0.4s); @include transform( perspective(137px) rotateX(32deg) ); &:hover { @include transform( perspective(137px) rotateX(0deg) ); } } |
HTML
|
1 2 3 |
<div class="box"></div> |