【初音ミク】 フルCSSでみくみくにしてあげる♪ 【してやんよ】
3/1の夕方、jsdo.itの公式アカウントが大っぴらに誘い受けしてた。 その昔、マクパペットをフルカスタムしたり… あの楽器を再現したり… あの楽器 (Firefox4 only) – jsdo.it – share JavaScript, HTML5 and CSS …した過去があるのでつい反応。 したらすかさず煽られた。 …………CSS3に不可能はない！！ 心の中で啖呵を切った。そして釣られた事に気付いた午後６時。 ぶわっと頭の中に広がったのはCSSなはちゅねを-webkit-animationでネギ振らせる映像だったのだけども、 前記事で紹介したjsdo.piggという素晴らしい素体をみっくみくにしてやることに決めたら後は早かった。 ※Webkit以外だと残念なミクさんになってしまうので実行画面はChromeかSafariで見てね！ （IE6-8で見るのはダメ！絶対！） jsdo.
CSS桜ひらひらはこうして作りました
都内の桜ももう散りましたね。 先月、jsdo.itというJavascript, HTML5, CSSをブラウザ上でコード書いて共有できるサイトに、桜の花びらが舞うCSSアニメーションのコードをアップしました（Webkitブラウザ限定ですが）。 さーくらー ひらーひらー - jsdo.it これのbookmarklet版のコードも公開してます。 桜ひらひらbookmarklet - jsdo.it 今SafariかChromeを利用している方なら、下記のリンクをクリックすればこのページ内を桜の花びらが舞います。 桜ひらひらbookmarklet これをどうやって実現しているか今日は書きたいと思います。 まあ僕がやることはいつもたいしたことじゃありません。多少手間がかかることをちまちまやってるだけです。 ■花びら まず花びら。半分ずつ作ります。 下の画像はdivを加工していく過程で、左から右に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
