タグアーカイブ
画像加工

  • CSSで冊子風エフェクト

    0件のコメント

    毎回PhotoShopとかで冊子風に加工するのが億劫だなと思って作ってみました。けっこう冊子風の画像を掲載してるサイトって多いですけど、CSSで作れば若干労力が減る気がします。 こんな感じになります。HTML側で、img要素を囲むタグ(divとかfigureとか)に「sassi」クラスを追加してます。以下CSS。 若干...

  • CSSで缶バッジ風のエフェクト

    0件のコメント

    ざっと探した感じだとやり方まとめられてるサイトが見当たらなかったのでまとめてみます。缶バッジ風というか、ほとんどリッチボタンと同じ感じですが。同人系サイトだとわりと使いどころがありそうな気がします。 こんな感じとか、 こんな感じ。HTML側で、img要素を囲むタグ(divとかfigureとか)に「badge」クラスを追...

  • CSSでグロー効果っぽいやつ

    0件のコメント

    イラスト制作でよく使うフィルター効果を、CSS3 filterでも実現できないかなと思ってやってみました。イメージとちょっと違ったけどこんな感じに。わかりやすくするためにアニメーションさせています。 cssはこんな感じ。 コントラスト上げて、少しぼかして、透明度下げて、ブレンドモード覆い焼き。元の絵もグロー効果付けてる...