『壹』 在網頁中怎麼樣用CSS的動態過濾效果製作出圖片的過渡效果
<head>
<meta http-equiv="page-Exit" content="revealTrans(Duration=3.0,Transition=23)">
<meta http-equiv="page-Enter" content="revealTrans(Duration=3.0,Transition=23)">
<title></title>
</head>
其中的中間兩句就起到動態的效果作用,Transition 濾鏡類型。表示使用哪種特效,取值為0-23。
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
『貳』 CSS樣式 過濾器的問題!
濾鏡效果 | 功能描述
-----------------------------------------------
Alpha | 設置不同的透明度變化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一種偏移的影象輪廓,即投射陰影
-----------------------------------------------
FlipH | 水平翻轉
-----------------------------------------------
FlipV | 垂直翻轉
-----------------------------------------------
Glow | 為對象的邊界增加色彩光效
-----------------------------------------------
Gray | 將圖片以灰度形式顯示
-----------------------------------------------
Invert | 將色彩、飽和度以及亮度值完全反轉,類似底片效果
-----------------------------------------------
Light | 在一個對象上進行燈光投影
-----------------------------------------------
Mask | 為一個對象建立彩色透明遮罩
-----------------------------------------------
Shadow | 為對象建立輪廓的影效果
-----------------------------------------------
Wave | 在X軸和Y軸方向利用正弦波打亂圖片
-----------------------------------------------
Xray | 只顯示對象的輪廓
-----------------------------------------------
----------------括弧裡面的是參數。-------------
細致的解釋看下面:
1、Alpha 濾鏡
"Alpha"屬性是把一個目標元素與背景混合。設計者可以指定數值來控制混合的程度。這種「與背景混合」通俗地說就是一個元素的透明度。通過指定坐標,可以指定各種不同范圍的透明度。
Alpha 濾鏡語法
{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
參數含義分別如下:
參數 說明
opacity 透明度。默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。
finishopacity 是一個可選參數,如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100。
style 指定透明區域的形狀特徵:
0 代表統一形狀
1 代表線形
2 代表放射狀
3 代表矩形
startx 漸變透明效果開始處的 X坐標。
starty 漸變透明效果開始處的 Y坐標。
finishx 漸變透明效果結束處的 X坐標。
finishy 漸變透明效果結束處的 Y坐標。
2、Blur 濾鏡
用手指在一幅尚未乾透的畫面迅速劃過時,畫面就會變得模糊。」Blur"就是產生同樣的模糊效果。
Blur濾鏡語法 HTML:{filter:blur(add=add,direction=direction,
strength=strength)}
Script語言: [oblurfilter=] object.filters.blur
參數含義分別如下:
參數 說明
add 它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時針的方向進行的,
這是一個布爾值:ture (默認)或false
direction 該參數用來設置模糊的方向。
0度代表垂直向上,每45度為一個單位,默認值是向左的270度
strength 只能使用整數來指定,代表有多少像素的寬度將受到模糊影響,默認是5個像素。
3、DropShadow 濾鏡
「DropShaow",顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量,加上色彩。
DropShadow 濾鏡語法 {filter:dropshadow
(color=color,offx=ofx,offy=offy,positive=positive)}
參數含義如下:
參數 說明
Color 代表投射陰影的顏色
offx X方向陰影的偏移量
offy Y方向陰影的偏移量
Positive 布爾值
如果為TRUE(非0),就為任何的非透明像素建立可見的投影
如果為FASLE(0),就為透明的像素部分建立透明效果
4、FlipH, FlipV 濾鏡
FlipH 濾鏡實現水平反轉
FlipH 濾鏡語法 {filter:filph}
FlipV 濾鏡實現垂直反轉
FlipV 濾鏡語法 {filter:filpv}
5、Glow 濾鏡
對一個對象使用"glow"屬性後,這個對象的邊緣就會產生類似發光的效果。
Glow 濾鏡語法 {filter:glow(color=color,strength)}
參數含義如下:
參數 說明
Color 指定發光的顏色
STRENGTH 強度,值為1到255之間的任何整數,指定發光色力度和范圍。
6、Gray 濾鏡
使用Gray濾鏡可以把一張圖片變成灰度圖,語法很簡單:
Gray 濾鏡語法 {filter:gray}
7、Invert濾鏡
使用Invert濾鏡可以把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值
Invert 濾鏡語法 {filter:invert}
8、Xray濾鏡
使用Xray濾鏡可以讓對象反映出它的輪廓並把這些輪廓加亮,類似於所謂的「X」光片。
Xray 濾鏡語法 {filter:xray}
9、Mask 濾鏡
Mask 濾鏡語法 {filter:mask(color=color)}
使用"MASK"屬性可以為對象建立一個覆蓋於表面的膜,其效果就象戴著有色眼鏡看物體一樣 。
10、Light 濾鏡
Light 濾鏡語法 {filter:light}
這個屬性模擬光源的投射效果。一旦為對象定義了「LIGHT"濾鏡屬性,那麼就可以調用它的「方法(Method)"來設置或者改變屬性。「LIGHT"可用的方法有:
參數 說明
AddAmbient 加入包圍的光源
AddCone 加入錐形光源
AddPoint 加入點光源
Changcolor 改變光的顏色
Changstrength 改變光源的強度
Clear 清除所有的光源
MoveLight 移動光源
我們可以定義光源的虛擬位置,以及通過調整X軸和Y軸的數值來控制光源焦點的位置,還可以調整光源的形式(點光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態的設置光源,可能會產生一些意想不到的效果。
11、Shadow 濾鏡
Shadow 濾鏡
語法 {filter:shadow(color=color,direction=direction)}
利用「Shadow」屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設置投影的方向。其中0度代表垂直向上,然後每45度為一個單位。它的默認值是向左的270度。
12、Wave 濾鏡
Wave 濾鏡
語法 {filter:wave(add=add,freq=freq,
lightstrength=strength,
phase=phase,strength=strength)}
參數 說明
wave 把對象按垂直的波形樣式打亂。
默認是 TRUE(非0)
ADD 是否要把對象按照波形樣式打亂
FREQ 波紋的頻率,也就是指定在對象上一共需要產生多少個完整的波紋
LIGHTSTRENGTH 可以對於波紋增強光影的效果,范圍0----100
PHASE 設置正弦波的偏移量
STRENGTH 振幅大小
--------------------------------------------------------------
內容很多,慢慢看。還有這個問題發到電腦那塊的話肯定有很多人回答的。
資料來天極網~
『叄』 請問這個CSS的過濾要怎麼寫
你好你的屏蔽是不是就是讓它不顯示?要是不顯示的話那就直接寫CSS。
#4002{display:none;}就可讓它不顯示了。
若是有很多這樣的內容那剛才那個辦法就行不通了。可以通過JS來實現。當你程序在生成這些Table時,可以通過ClassName來過濾。你上面的這個就有Class名為EC_mr15,不知道這個名稱是不是固定的,現在拿它來做例子。
在你的頁面里引用下JQuery庫文件。
$(function(){
$(".EC_mr15").hide();
})
這樣頁面里只要有Table調用了EC_mr15,ClassName的都會被隱藏起來。上面說的只是方法,具體在找什麼樣的關鍵字來做程序還請自己想下哦。以上做下,很可能把那些同樣用到EC_mr15樣式的也隱藏了哦。要做好判斷。或是重新加個關鍵字。
希望我的回答對你有幫助。
『肆』 php含有css代碼的變數。怎麼過濾掉css代碼呢 求高手解答。 。。
一般css代碼都保存在標簽<style></style>之間,那麼正則表達式如下:
$pa = '%<style(.*?)</style>%si';
下面的正則表達式,是匹配html中所有標簽的,你可以進行替換,最終得到html的文本內容:
'%<(style|script)[^<>]*>.*?</\1>|</?[a-z][a-z0-9]*[^<>]*>|<!--.*?-->%si'
『伍』 在css裡面怎麼過濾JS腳本
CSS3也沒這能力,估計CSS100也木有這能力。[:338:]呵呵知道你在下啥了。ABP擋不了,因為是彈出窗口,還真沒法擋,我試過給頁面加入干擾讓 openpage() 失效,可是沒成功。在找找Chrome擋彈窗的CRX吧~找到分離哦~
『陸』 css怎樣取消filter 過濾器 漸變
css怎樣取消filter 過濾器 漸變
兩種方法: 1、將你所有的JSP頁面單獨放在一個文件夾里(假如jspPage),jspPage文件夾里可根據類別分若乾子文件夾,再把相對應的JSP放在子文件夾里; JS、CSS及圖片等分別放在外面的文件夾里(與文件夾jspPage並列) 再:/jspPage/*...
『柒』 css里動態濾鏡怎麼做(簡單例子,別太復雜)
http://hi..com/xianglaren/blog/category/css%BD%CC%B3%CC這個地址有css學習資料
『捌』 css的過濾效果出不來
a:link img{-webkit-filter:grayscale(1);
}
a:hover img{-webkit-filter:none;}
看你是什麼瀏覽器,這個是chrome的。不過目前為止其他非webkit核心的瀏覽器都不支持這個css3屬性。
『玖』 求過濾html標簽和CSS樣式表的正則表達式!
先過濾樣式表之後再過濾html標簽
過濾樣式表用
<STYLE>[/s/S]*<\/STYLE>
然後再用<.[^>]*>過濾其他標簽HTML
『拾』 DW動態CSS樣式表過濾器預覽不出現效果
你的圖片地址是和網頁存在一個文件夾里嗎?
我試過你的代碼了,我用網上的圖片地址可以運行起來
不過我沒有用DW是直接復制你的代碼,修改了圖片地址,保存成網頁運行起來的.
我想在你那裡之所以會出現那樣的問題,可能是你的圖片地址有問題,或者你那網頁沒保存不能瀏覽!