菜鸟教程 trycss_ex_images_filters 在线代码实例

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

 <p><strong>注意:</strong> Internet Explorer <span lang="no-bok">或 Safari 5.1 (及更早版本)</span> 不支持该属性。</p>

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