• かちびと.net

    keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る・Stylieのご紹介。OSSとしても公開されています。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

keyframesを使ったアニメーションを実装するCSS3コードをオンラインで生成出来る・Stylie

スポンサーリンク

CSS3のkeyframesアニメーション
を生成するWebサービスのご紹介。
同じようなツールは他にも有りま
すけど、結構シンプルで良さそう
だったのでシェア。実際に動作を
確認しながら作れます。

複雑なものは出来ませんが勉強用にはいいかもしれません。また、ツール自体もGithubでコードが公開されています。

Stylie


右のパネルでeasingやスピード等を設定すると、左の円の動きが即座に反映されます。


↑ あとは生成されたCSSをコピーして使うだけ。

まだ開発版だそうです。Githubでソースが公開されていますので興味がありましたらご覧になってみてください。

Stylie / on github

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services