Works

CSS3 で作る背景パターン

background-image に gradient() を使用して代表的なパターンを描画してみました. repeating-xxx-gradinet() は使用せず,background-size を指定して繰り返し描画しています. webkit 系, Firefox5 は完全対応. Firefox3 では,transition が未対応. Opera(<=11.01) では gradient() が未対応. IE は (ry. 詳細はこちら. http://d.hatena.ne.jp/ckazu/20110321/1300728279

  • 19684
  • 19

Raphael で アナログ時計

  • 6282
  • 5

forked from: CSS3 transition 右上にアニメーションをかけたい

transform だと起点が指定できるんですけどねぇ.

  • 2962
  • 0

CSS3 で水滴のような形を作る

先のとんがった形を無理やり border-radius で頑張ってみようとした結果がこれ. 1つの角だけとんがったものを作って45度回転させてみた. 詳細はこちら http://d.hatena.ne.jp/ckazu/20110319/1300559032

  • 2981
  • 2

CSS だけで章・節や図表番号を自動で振る

LaTeX のように,自動で図表番号などを振るテスト.

  • 3263
  • 3

Path っぽいメニューの UI

Path.com のメニューを css3 で作ってみました. とりあえず,webkit 対応. 環境によっては,フォントがずれたり,表示されないと思います. ※ Mac で動作確認しています.Win7 だとずれてますね. - 動き出しの時にちょっと外側に飛び出す動作は省略しました. - 起点の位置も本家とは違います. こういうのは scss 使いたいですね.

  • 3786
  • 9

rolling & opening effect with pure css

* 回転しながら開くようなボタンのエフェクト

  • 963
  • 0

Skills

Hot tags

Categories

HTML / CSS / JavaScript