image - css3 中的两个空中飞人

Question

我有一个关于 css3 和 trapeze 的小问题。我有两个并排的方形图像(每个都 float - 白点)，我希望它们看起来像这样:

你会怎么做？可能吗？

Answer 1

如果 pic1 是 .png 并且由梯形边缘的 Angular 创建的负空间是透明的，那么这应该有效:

#pic1, #pic2 {
    float: left;
    position: relative;
}
#pic1 {
   z-index: 2;
}
#pic2 {
   right: 30px; /* Or whatever the difference in image sizes is */
}