忍者ブログ
猿話的雑記帳
PAGE LINK 87  84  85  116  115  114  113  112  111  110  109 
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


STYLE SHEET・フィルター効果に関する記述
影を付ける
半透明にする
滲ませる
影を付ける2
波の様に歪ませる
左右反転させる
上下反転させる
対処の回りにぼんやりとした色をつける
レントゲン効果

「影を付ける」
■文字に影を付ける
<body>から</body>間に記述

タグソース
---------------------------------------
<span style="width:100%; filter:Shadow(color=#影の色);">
ココに影をつけたい文字を記述
</span>
テーブルに影を付ける
<body>から</body>間に記述
タグソース
<table border="1" style="width:100%; filter:Shadow(color=#影の色);">
<tr>
<td>内容記述位置</td>
</tr>
</table>
画像に影を付ける
<body>から</body>間に記述
タグソース
<img src=画像のURLを記述" style="width:100%; filter:Shadow(color=#影の色);">
---------------------------------------

「半透明にする」
■半透明なテーブルを作る
<body>から</body>間に記述
opacity=50 →透明度の数値 0~100で数値が少ないほど透明
*背景が透けて見えるテーブルが出来ます

startX=100, startY=100, finishX=100, finishY=100,

タグソース
---------------------------------------
<table border="1" style="filter: Alpha(opacity=50);">
<tr>
<td>内容記述位置</td>
</tr>
</table>
---------------------------------------

■半透明な画像
<body>から</body>間に記述
opacity=50 →透明度の数値 0~100で数値が少ないほど透明
--()内に追加できる設定値--
style=1
→1は線形 2は円形 3は長方形 の形にグラデをかけるようにする指定
startX=100, startY=200, finishX=300, finishY=400,
→グラデーションエリアの指定

タグソース
 ---------------------------------------
<img src="画像のURLを記述" style="filter: Alpha(opacity=50);">
---------------------------------------

■全体的に半透明なページにする
<head>から</head>に記述
opacity=50 →透明度の数値 0~100で数値が少ないほど透明
---------------------------------------
タグソース
---------------------------------------
<style type="text/css">
<!--
body {filter: Alpha(opacity=50);}
-->
</style>
 ---------------------------------------

■其の他のフィルタ
style="  から ;" 間に記述

---------------------------------------
滲ませる
---------------------------------------
Blur( add=true, direction=n,strength=n)
--------------------------------------------------------------------------------
add=true
trueを指定すると元の画像をにじませた絵の上に上書き表示します
falseの場合は上書き表示しません
direction=n
上方向から時計方向の角度を指定します。右上は45、右下は135になりますstrength=n
にじませの強さを指定します

---------------------------------------
影を付ける2
---------------------------------------
DropShadow( color=影の色を指定, offX=5, offY=10,)
--------------------------------------------------------------------------------
color=影の色を指定
offX=5, offY=10, →右に5に距離下に10の距離に影を配置
positive=false →画像の透明化された部分にまで影をつけます
波の様に歪ませる
Wave(freq=5,strength=4,lightStrength=60)
--------------------------------------------------------------------------------
freq=5→波の数
strength=4→波の強さ
lightStrength=60→光の度合い [1~100で指定]

---------------------------------------
左右反転
---------------------------------------
FlipH()

---------------------------------------
上下反転
---------------------------------------
FlipV()

---------------------------------------
対象の回りに色をぼんやりつける
---------------------------------------
Glow(color=周りの色を指定)

 ---------------------------------------
レントゲン効果
---------------------------------------
Xray()
 

PR

この記事にコメントする
NAME
TITLE
COLOR ▼色を選択する
WebSafe Color Chart #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF #66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF #FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF #00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF #66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF #FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #009900 #009933 #009966 #009999 #0099CC #0099FF #339900 #339933 #339966 #339999 #3399CC #3399FF #669900 #669933 #669966 #669999 #6699CC #6699FF #999900 #999933 #999966 #999999 #9999CC #9999FF #CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF #FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #006600 #006633 #006666 #006699 #0066CC #0066FF #336600 #336633 #336666 #336699 #3366CC #3366FF #666600 #666633 #666666 #666699 #6666CC #6666FF #996600 #996633 #996666 #996699 #9966CC #9966FF #CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF #FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #003300 #003333 #003366 #003399 #0033CC #0033FF #333300 #333333 #333366 #333399 #3333CC #3333FF #663300 #663333 #663366 #663399 #6633CC #6633FF #993300 #993333 #993366 #993399 #9933CC #9933FF #CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF #FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #000000 #000033 #000066 #000099 #0000CC #0000FF #330000 #330033 #330066 #330099 #3300CC #3300FF #660000 #660033 #660066 #660099 #6600CC #6600FF #990000 #990033 #990066 #990099 #9900CC #9900FF #CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
E-MAIL
URL
COMMENT
PASS   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
  
・・・プレビュー中・・・
この記事へのトラックバック
この記事にトラックバックする:
CALENDAR
04 2017/05 06
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
RECENT ENTRY
RECENT COMMENT
RECENT TRACKBACK
PROFILE
HN:
Tobio
HP:
性別:
男性
QRCODE
RSS
SEARCH
OTHERS

▽BLOG PET




▽COUNTER

AD
忍者ブログ
・[PR]

Monkey Talk Produced by Tobio. BlogEdit by Tobio.