画像フィルタ加工用ショートコード
このショートコードはDigiPressテーマ専用のプラグインとして提供されています。
注意
このフィルタ加工はCSSで行っており、Webkit系のブラウザ(Chromenなど)やFireFoxなどのモダンブラウザで表現されますが、Internet Explorerは未対応のため反映されません。
以下のフィルタは複数組み合わせて利用することもできます。
元画像(加工前)
表示例
グレイスケール(100%)
セピア(100%)
彩度(30%) + 明るさ(70%)
色相環(160度) + ぼかし(5px)
コントラスト(60%)
透過度(70%)
ネガポジ反転(0%)
Code
[filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" grayscale=1 grayscaleval="100%"] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" sepia=1 sepiaval=100] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" saturate=1 saturateval=30 brightness=1 brightness="70%"] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" hue=1 hueval="160deg" blur=1 blurval="5px"] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" contrast=1 contrastval=60] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" opacity=1 opacityval=70] [filter url="https://skin.dpthemes.net/colors4/wp-content/uploads/sites/30/2014/03/girl-flowers.jpg" invert=1]