Tweet
このエントリーをはてなブックマークに追加
Pocket

「わぷー Advent Calendar 2016」の15日目担当です。

小ネタで「わぷープロパティ」というCSSのプロパティを作りました。といっても、このアドベントカレンダーのために作ったものではなく、以前に参加した「CSS Trick or Treat」というハロウィンパーティのネタで作ったものの延長ですが、せっかくなので紹介します。

CSS Trick or Treatでおばけプロパティの紹介をしてきました

まずはこちらをご覧ください。

「わぷー」というプロパティを指定して、値にわぷーやわぷ田信玄などを指定すると、そのわぷーが登場します。

先ほどの「CSS Trick or Treat」でも書いてるので省略しますが、タネと仕掛はPostCSSのプラグインを作って変換するようにしています。

使い方やライセンス等はGitHubで

以下のコマンドを打って

npm install postcss-wapuu -D

PostCSSのタスクの中に組み込めば使えます。

今のところ「わぷー」と個人的に好きな「わぷ田信玄」「マリンわぷー」だけです。わぷーの種類が増えすぎて、追加してたらキリがないので…。

わぷーアーカイブ

やる気が出たら追加します!

Tweet
このエントリーをはてなブックマークに追加
Pocket