菜鸟教程 trycss3_filter_all 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <p><strong>注意:</strong> Internet Explorer 不支持 filter 属性。</p>

<img src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="blur" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="brightness" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="contrast" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="grayscale" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="huerotate" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="invert" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="opacity" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="saturate" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="sepia" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">
<img class="shadow" src="/upload2pineapple.jpg" alt="Pineapple" width="300" height="300">