コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 回転 image_html/css_WEB-ITnose

CSS 回転 image_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:34:56
オリジナル
1178 人が閲覧しました

S sCSS 回転画像




🎜 🎜 🎜 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS旋转图片</title><style type="text/css">	#div_img{		margin: 100px auto 0;		transform:rotate(30deg);		-moz-transform:rotate(30deg);		-webkit-transform:rotate(30deg);		-o-transform:rotate(30deg);		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	}</style></head><body style="width:99%; height:100%;">   <div id="body_div" style="text-align:center; vertical-align:middle;">   		<img src="cat.jpg" id="div_img" width="500" height="400"/>   </div></body></html>
ログイン後にコピー
E 🎜 2. 実現結果 🎜🎜 🎜🎜🎜 🎜 著作権表示: この記事はオリジナルですブロガーの記事であり、ブロガーの許可なく転載してはなりません。 🎜 🎜 🎜 🎜
関連ラベル：
CSS旋转图片
ソース：php.cn
前の記事：フロントエンドプロジェクト構造設計詳細計画_html/css_WEB-ITnose 次の記事：css3の配置方法animation_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS グリッドの高さが期待したものと異なるという問題が発生しています。どのような間違いを犯している可能性がありますか? 私は現在 CSS グリッドを学習しており、このカードをグリッドに分割して作成するように依頼されました。作りたいグリッドの写真を添付し​​ます。実際には、これらすべてのカードが配置さ...
から 2024-04-06 12:52:14
0
1
339
CSS を使用して Next.js の三目並べボードの各行の下のスペースを削除するにはどうすればよいですか? 各行の下にスペースがあるのはなぜですか? (CSS) 自分のスキルをテストするために Next.js 三目並べアプリを作成しようとしています。ただし、CSSに問題があります。ボード...
から 2024-04-05 11:39:02
0
1
1431
影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpres...
から 2024-04-04 11:55:21
0
2
315
Div JavaScript を使用して回転および展開し、グリッド ギャラリーを表示します 背面にグリッドギャラリーを表示するには、クリック時に div を回転させたいと考えています。正直、どこから始めればいいのか分かりません。 <ulclass="con...
から 2024-04-02 23:12:45
0
1
404
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート