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