CSSで冊子風エフェクト
毎回PhotoShopとかで冊子風に加工するのが億劫だなと思って作ってみました。けっこう冊子風の画像を掲載してるサイトって多いですけど、CSSで作れば若干労力が減る気がします。 こんな感じになります。HTML側で、img要素を囲むタグ(divとかfigureとか)に「sassi」クラスを追加してます。以下CSS。 若干...
毎回PhotoShopとかで冊子風に加工するのが億劫だなと思って作ってみました。けっこう冊子風の画像を掲載してるサイトって多いですけど、CSSで作れば若干労力が減る気がします。 こんな感じになります。HTML側で、img要素を囲むタグ(divとかfigureとか)に「sassi」クラスを追加してます。以下CSS。 若干...
ざっと探した感じだとやり方まとめられてるサイトが見当たらなかったのでまとめてみます。缶バッジ風というか、ほとんどリッチボタンと同じ感じですが。同人系サイトだとわりと使いどころがありそうな気がします。 こんな感じとか、 こんな感じ。HTML側で、img要素を囲むタグ(divとかfigureとか)に「badge」クラスを追...