画像フィルタ加工用ショートコード

Eel Kabayaki đến thế giới

Brand New Day

We’ve taken Lorem Ipsum to the next level with our HTML-Ipsum tool!

Hot Stuff

Widget Area For PC
( Free space )

ノーマル形式

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しか...
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

ポートフォリオ2 : 4カラム

マガジン形式 : 3カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。

マガジン形式 : 4カラム

十分大きな声でそれを口に出せば、いつもませて聞こえる; スーパーカリフラジリスティックエクスピアリドーシャス!
とても長い単語が含まれたとても長いタイトルの投稿。日本語の場合は単語の区切りにスペースを使用していないので単語の長さはあまり関係ない。タイトルの行の高さ (line-height) とタイトルエリアが狭い場合に起こりうるオーバーフローの問題...
1454 views

スライダー(4種類) : カルーセルタイプ

このショートコードはDigiPressテーマ専用のプラグインとして提供されています。

注意

このフィルタ加工はCSSで行っており、Webkit系のブラウザ(Chromenなど)やFireFoxなどのモダンブラウザで表現されますが、Internet Explorerは未対応のため反映されません

以下のフィルタは複数組み合わせて利用することもできます。

元画像(加工前)

表示例

グレイスケール(100%)

セピア(100%)

彩度(30%) + 明るさ(70%)

色相環(160度) + ぼかし(5px)

コントラスト(60%)

透過度(70%)

ネガポジ反転(0%)

Code

[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" grayscale=1 grayscaleval="100%"]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" sepia=1 sepiaval=100]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" saturate=1 saturateval=30 brightness=1 brightness="70%"]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" hue=1 hueval="160deg" blur=1 blurval="5px"]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" contrast=1 contrastval=60]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" opacity=1 opacityval=70]
[filter url="https://sogawa7th.com/wp-content/uploads/2014/03/girl-flowers.jpg" invert=1]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!