2017年11月24日のブックマーク (1件)

  • たった1行でfacebookの「いいね!」ボタンを大きくする方法。css3だけで出来ます。

    たまに物凄い大きなfacebookの「いいね!」ボタンが付いているサイトありますよね?あれってどうやるんだろうな・・・?と思ってたらものすごく単純で簡単でした。 このサイトは記事下に「VA Social Buzz」というプラグインを使ってバズメディア風のソーシャルボタンを置いています。 プラグインの見た目を変えるのってWordpress Popular Postみたいにプラグイン側で対応していないと結構面倒くさいので、ちょっと諦めてましたが・・・ 出来ました。CSS3だけで可能です。 Before デフォルトのfacebook「いいね!」ボタンはこれくらいの大きさでした。 スマホだと押しづらいんですよね、これ・・・。 なのでstyle.cssにこの定義を挿入します。 .fb-like { transform:scale(2); -webkit-transform:scale(2); -mo

    たった1行でfacebookの「いいね!」ボタンを大きくする方法。css3だけで出来ます。
    muneking
    muneking 2017/11/24