テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.06.05

スタイルシート（33）

(4)

テーマ：アクセス向上(301)

カテゴリ：【実験中】

スタイルシート>>filter: fliph();とfilter: flipv();（左右反転と上下反転）

わたくしのパソコンの使用環境がIE6.0ですので、NNやその他のブラウザをお使いのかたがどう見えているのかがわかりませんし
それぞれ、楽天広場では効果の出ないfilterプロパティもあるようですのでわたくしの環境下で見えていないものに印をつけました。
別途これらも整理はしていきたいと思います。

効果が出て表示されているかた、ぜひ教えてくださいネ（＾＾）

【filter: ***(***); で指定できる属性一覧】
○■alpha() ･･･透明・半透明・透明グラデーションの効果を表示します

×■dropshadow() ･･･シャープな影をつけてくれます
×■blur() ･･･「ブレ」の効果を表示します
×■glow() ･･･発光しているような効果を表示します
×■wave() ･･･波状に表示します
△■fliph() ･･･左右反転します
△■flipv() ･･･上下反転します
○■xray() ･･･Ｘ線写真のような表示をします
○■invert() ･･･ポジ・ネガのように色の反転をします
△■gray() ･･･白黒写真に変換します
×■chroma() ･･･特定した色だけを透過表示します
△■mask() ･･･透過部分を特定の色で塗りつぶし、不透明の部分の色を透明にします

楽天広場では表示されないフィルター効果もありますので、注意が必要ですね（＞＜）フィルターサンプル

▲直接指定の記述方法
【フィルタなしの状態】

<img src="画像のファイル名" alt="" width="150" height="150">

<div style="font: bold 20pt sans-serif; width: 100%;">浜田省吾</div>
表示例↓こんな感じですね（＾＾）

浜田省吾

filter: fliph();

【左右に反転】

<img src="画像のファイル名" alt="" width="150" height="150" style="filter: fliph();" >
表示例↓こんな感じですね（＾＾）

<div style="font: bold 20pt sans-serif; width: 10em; filter: fliph(); ">浜田省吾</div>
表示例↓こんな感じですね（＾＾）

浜田省吾

※文字は反転して見えないかもしれません（＞＜）

filter: flipv();

【上下に反転】

<img src="画像のファイル名" alt="" width="150" height="150" style="filter: flipv();" >
表示例↓こんな感じですね（＾＾）

<div style="font: bold 20pt sans-serif; width: 10em; filter: flipv(); ">浜田省吾</div>
表示例↓こんな感じですね（＾＾）

浜田省吾

※文字は反転して見えないかもしれません（＞＜）

【上下+左右反転】

<img src="画像のファイル名" alt="" width="150" height="150" style="filter: fliph() flipv(); ">
表示例↓こんな感じですね（＾＾）

<div style="font: bold 20pt sans-serif; width: 10em; filter: fliph() flipv(); ">浜田省吾</div>
表示例↓こんな感じですね（＾＾）

浜田省吾

※文字は反転して見えないかもしれません（＞＜）
*****************************************************

【庶事所感】
え”～（＞＜）
タレントさんと同じようにアナウンサーがテレビ番組のクイズに答えていました。
･･･あんなに知識も無く、ことばも知らないでアナウンサーでいいのかぁ（＠o＠）ニュースだって意味もわからず読んでいるのだろうか・・・
いや、そもそもテレビ局だって自分の会社の社員がこんなに低レベルですよ！なんて番組を作っていることが不思議？？？
でも責任者のかただって、某ホリ○モンさんと揉めてたときに、「この人って、なんだかなぁ･･･」と思わされたものなぁ
･･･お願いだから、いい加減なニュースなどを流さないで欲しいけれど･･･
気のせいか「お詫びして、訂正いたします」のことばも非常に多い気がします。

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ