好玩的CSS样式之倒挂样式--upside down style

时间：2011-03-15 来源：ImageFuture

如题示例代码如下：

<head>
<title>Text Up side down</title>
<style type="text/css">
.txtUpsideDown
{
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    position: absolute;
}
</style>
</head>
<body>
<div class="txtUpsideDown"><img src="girl.jpg" /></div>
</body>
</html>

相关阅读更多 +