Apple的用户网页上的一些设计会显示一张略微倾斜的照片，例如5或10度的角度。虽然这没什么大不了的，但它确实使网页与“其余”完全不同。可以使用HTML或CSS轻松地倾斜图像吗？
是真的，目前使用HTML或CSS，这还不能完成？
像在中间的大照片：
alt text http://img7.imageshack.us/img7/383/phototilt.png
（该方案可以让你选择照片，然后创建网页（HTML和JPG）为您动态）
CCS 3将提供这种可能性，但它仍然不是跨浏览器，你不能使用传统的HTML + CSS ......。
具有倾斜图像的网站通过旋转图像（例如Photoshop）并使其背景透明来实现。这就是它的全部诀窍。
提示：将该图片保存到您的HD并自己看。这可能只是一个带有透明背景的平方图像，或者它可能会将当前的背景切割得很好以适应此处。
需要更新:-) – Myster 2012-04-11 20:42:56
据我所知，你不能那样做。你确定你正在考虑的图像不是在Photoshop或类似的倾斜，只是添加到这样的页面？
您可以使用Apple特定的CSS属性（即将被批准，然后他们将删除它们的Webkit前缀）来执行此操作和动画效果，但它现在只会在Safari和Chrome中显示。尽管如此，它们看起来相当漂亮，CSS很简单。
现在，它可能只是在Photoshop中完成的，并且很好的反锯齿，以便它具有一致的跨浏览器外观。
你可以这样做，但只在Firefox 3.5+和Safari 3.2+（和最近的基于Webkit的浏览器）。两者都分别提供浏览器特定的CSS延伸：歪斜：-moz-transform和-webkit-transform。
下面是建立一个三维期待立方体出来的div的一个很好的例子：（从http://www.fofronline.com/2009-04/3d-cube-using-css-transformations/）
<div class="cube">
<div class="topFace">
<div>
Content
</div>
</div>
<div class="leftFace">
Content
</div>
<div class="rightFace">
Content
</div>
</div>
和CSS：
.cube {
position: relative;
top: 200px;
}
.rightFace,
.leftFace,
.topFace div {
padding: 10px;
width: 180px;
height: 180px;
}
.rightFace,
.leftFace,
.topFace {
position: absolute;
}
.leftFace {
-webkit-transform: skewY(30deg);
-moz-transform: skewY(30deg);
background-color: #ccc;
}
.rightFace {
-webkit-transform: skewY(-30deg);
-moz-transform: skewY(-30deg);
background-color: #ddd;
left: 200px;
}
我们正在做的工作类似的东西，我们要在飞行中做。
你不能只用html/css，但是我们通过一个php脚本使用图像库自动生成它们，然后使背景变得透明。
使用PHP GD库。使事情变得更容易。
是的，CSS3您可以：
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
所有现代浏览器和IE9 +支持。
查看CSS transform on MDN了解更多信息。
iWeb可以旋转东西，因为它是一个OSX应用程序。它会在上传页面之前生成倾斜的图像。没有魔法在线。 – 2009-05-29 05:03:19