blogger

トーマススイッチさんのVaster2のh2タグをちょっと変えてみた

このテーマはトーマススイッチさんのVectorを使わせてもらっています(´･ω･`)
すごい素敵なテーマなんですが以前より「h2タグだけなんとかお洒落に出来ないかな」って思っていました。

元々のh2タグ

元々はこんな感じで真四角な感じです。理想としたのはワードプレスで有名なスティンガーさんのh2タグ。なんで色々調べてやってみました

CSSを追加してみました

ごちゃごちゃ書いていると面倒なのでタグだけ書きます。

追加CSS

.post-body h2:after{

position: absolute;

content: '';

top: 100%;

left: 30px;

border: 15px solid transparent;

border-top: 15px solid #008ec2;

width: 0;

height: 0;

}

追加するとこうなる

下に→みたいなものが出て、少しだけかっこよくなりました。

かっこよくしたかったらコピペしてやってみてください。