インラインCSS記述で画像を回転表示させる方法
HTMLタグにインラインCSSを追加して、 少しだけ表現力をアップさせる試みの第二弾！！ 前回は、画像を重ね合わせて表示する方法をやってみました。 画像を重ね合わせて表示するインラインスタイルシートの記述方法 今回は、画像を回転表示させるテクニックを調べてみました。 style属性にtransformプロパティを指定して画像回転！ <img>タグに「style属性」を追加して、「transform: rotate(角度)」を指定すると画像を回転できることがわかりました。 HTMLやCSSについて詳しく掲載されています。 transform:rotate()－CSS3リファレンス これを使って実際に記事中でテストしてみたのですが、最初はその効果が確認できませんでした。さらに調べてゆくと、「ベンダープレフィックス」という記述を付けないと動作しない機能があることがわかりました。 ベンダープレフィ
画像を重ね合わせて表示するインラインスタイルシートの記述方法
画像を重ね合わせて表示させる、 インラインスタイルシートのテクニック！ このテクニックを使うと、絵や写真などの上にバッジのようなアイコン画像を重ねて表示することができます。 画像重ね合わせ表示イメージ ↓実際に使用したサイトです。 >>from scope apartment / house towel ～「imabari towel」メイド イン ジャパンの心地よさ～ HTMLコード <div style="position: relative;"> <img src="image-A.jpg" width="630" height="1200" alt="画像-A"> <div style="position: absolute; top: 200px; left: 30px;"> <img src="image-B.jpg" width="200" height="200" alt=
Safari6.0フォント指定はスタイルシートでの設定に
先日、ソフトウェア・アップデートを実施したところ、「Safari」が「バージョン6.0」に更新されたようです。 このアップデートにより、デフォルトのフォントが明朝体になっているようですね。 フォント設定をしようと思い環境設定画面を開いてみたのですが、設定するところが見当たりませんね。以前のSafariでは環境設定の中にフォント設定画面があったのですが・・・。 対応の仕方がわからなかったので放っておいたのですが、明朝体の画面には少し違和感があるため調べてみました。 >>safari6.0 フォント変更: Apple サポートコミュニティ どうやらスタイルシートでフォント設定するような仕様に変更されているようです。 テキストエディタで下記のようなコードを記したファイルを任意の場所に作成し、[Safari]メニュー>環境設定>詳細タブのスタイルシートプルダウンメニュー「その他」から、作成したファ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
