テキストを270度回転するCSS

高洛峰
リリース: 2016-11-24 09:16:39
オリジナル
2703 人が閲覧しました

CSS はテキストを 270 度回転します

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
</script>
<style type="text/css">
.rotation1{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:100px;top:10px;
}
.rotation2{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:140px;top:10px;
}
.rotation3{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:170px;top:10px;
}


</style>
<BODY>
<span class="rotation1"><h2 style="color:#ccddff;">A</h2></span>
<span class="rotation2"><h2 style="color:#ccddff;">B</h2></span>
<span class="rotation3"><h2 style="color:#ccddff;">C</h2></span>
</BODY>
</HTML>
ログイン後にコピー


関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート