Marp图像滤镜

来自泡泡学习笔记
跳到导航 跳到搜索

您可以通过Markdown图像语法将CSS滤镜应用于图像。在图像的替代文本中包含<filter-name>(:<param>(,<param>...))。

滤镜可以用于内联图像和高级背景。

Markdown 带参数
![blur]() ![blur:10px]()
![brightness]() ![brightness:1.5]()
![contrast]() ![contrast:200%]()
![drop-shadow]() ![drop-shadow:0,5px,10px,rgba(0,0,0,.4)]()
![grayscale]() ![grayscale:1]()
![hue-rotate]() ![hue-rotate:180deg]()
![invert]() ![invert:100%]()
![opacity]() ![opacity:.5]()
![saturate]() ![saturate:2.0]()
![sepia]() ![sepia:1.0]()


当您省略参数时,Marpit将使用上述默认参数。

自然地,可以对图像应用多个滤镜。

![brightness:.8 sepia:50%](https://example.com/image.jpg)