CSS 語法
filter:none|blur()|brightness()|contrast()|drop-shadow()|grayscale()|huerotate()|invert()|
opacity()|saturate()|sepia()|url();
img{
? ? ? ? ?-webkit-filter:grayscale(100%);/* Chrome, Safari, Opera */
? ? ? ? ? filter:grayscale(100%);
}
img{
? ? ? ? ?-webkit-filter:blur(5px);/* Chrome, Safari, Opera */
? ? ? ? ?filter:blur(5px);
}
img {
? ? ? ? ? -webkit-filter: brightness(200%); /* Chrome, Safari, Opera */
? ? ? ? ? filter: brightness(200%);
}
img{
? ? ? ? ? -webkit-filter:drop-shadow(8px 8px 10px red);/* Chrome, Safari, Opera */
? ? ? ? ? filter:drop-shadow(8px 8px 10px red);
}
img{
? ? ? ? ? -webkit-filter:grayscale(50%);/* Chrome, Safari, Opera */
? ? ? ? ? 將圖像轉(zhuǎn)換為灰度圖像:filter:grayscale(50%);
}
img{
? ? ? ? ? ? -webkit-filter:opacity(30%);/* Chrome, Safari, Opera */
? ? ? ? ? ? filter:opacity(30%);
}
