CSS濾鏡Chroma在滾動條上的應用

從前做電子書的時候曾經用到過這個屬性,當時并沒有在意。不過現在覺得,這個屬性應用在超市索引頁中甚合我意,原因是個人越來越鐘愛線條簡潔、簡單的風格。一般的滾動條部分代碼形如:

filter: chroma(color=#D4D4D4);
scrollbar-3dlight-color: #D4D4D4; /*立体滚动条亮边的颜色*/图1
scrollbar-highlight-color: #D4D4D4; /*滚动条空白部分的颜色*/图2
scrollbar-shadow-color: #D4D4D4; /*立体滚动条阴影的颜色*/图3
scrollbar-darkshadow-color: #D4D4D4; /*立体滚动条强阴影的颜色*/图4
scrollbar-face-color: #D4D4D4; /*立体滚动条的颜色*/图5
scrollbar-arrow-color: #FFFFFF; /*三角箭头的颜色*/图6
scrollbar-track-color: #D4D4D4; /*立体滚动条背景颜色*/图7
scrollbar-base-color: #D4D4D4; /*滚动条的基本颜色*/

继续阅读 →

CSS濾鏡在超市中的應用

由于大部分的超市製作軟件都有很多定制功能,例如 Arles Image Web Page Creator 的添加代碼功能,Express Thumbnail Creator 的索引頁定制功能,究其原理,無非是在 html、css 等方面做文章。現在有見到在超市的索引頁上加入縮略圖的特效的例子,這種效果在我自己發佈圖集的時候也常常采用。接著就簡單介紹一下在 Arles Image Web Page Creator 中使用CSS濾鏡……

濾鏡也有自己的规则和语法,它是把一些特殊的效果添加到 html 元素上,而图像就成为利用濾鏡最多的 html 元素了,因为许多效果在图像上能得到更好的表现,舉個用 Arles Image Web Page Creator 制作并有 Alpha 濾鏡效果的例子說明。

可以這樣添加
Demo1

继续阅读 →