アイキャッチ画像を使って「この記事が気に入ったらフォロー」のスマホ表示カスタマイズ - FOXISM

以前作成した「この記事が気に入ったらフォロー」の表示、このブログでも使っているのですが、そのスマホ表示のときのスタイルを考えてみました。 元となる基本的なコードなどはこちらをご覧ください。 その1：以前のもの まずは基本的なものとして、以前のものです。コードは前回のものを見てください。 その2：アイキャッチ画像を背景に スマホのような横幅が狭い時にアイキャッチ画像とテキストやボタンで2分割してしまうと狭いです。なのでアイキャッチ画像は背景にして、更に暗くしたりぼかしたりしています。 コードはhtml部分は変わらず、cssを少し変えています。pc用の部分はほぼ同じですが、ちょこっとだけ変えています。 .iine{ display: -webkit-flex; display: flex; margin: 0 0 1em 0; } .iine-l{ width: 50%; color: tra

[minimalgreen]

かっこいい

[FULOG]

似たようにしてるけど、こっちに入れ替えようかな

[imyme_999]

さらにおしゃれに (´°ω°`) めもっ #imyme9_design

[hrktksm]

VAPEブログに導入しようっと