svgとcssだけでカレンダー

defghi1977

许可证: MIT许可证

派生
2
收藏
1
浏览量
3925
  • 播放

全屏查看

智能机大小查看

派生树

  • Readme
  • JavaScript 16 行
  • HTML 402 行
  • CSS 0 行

スクリプトはurlにハッシュ値を追加するためのもので、 コード自体はスクリプトなしで動作するように実装してみた.

svgでは要素の並べ方が自由なので,cssのセレクタと組み合わせることでかなりの無茶が可能.

だが,ブラウザごとの動作の違いに涙が出てくる.

firefoxだと上手く動作する. chromeだと月送りボタンが正しく動作しない・・・ →自分自身のsvg文書片へのリンクが正しく動作しないようだ. operaだとレイアウトがちょっとおかしい・・・

追記) 一応chromeでもスクリプトを追加すれば動くけれど…

  • svgとcssだけでカレンダー
  • svgとcssだけでカレンダー

play

成功!

描述 是怎样的游戏?

控制设备

jsdo.it websocket controller

Mouse

keyboard

smartphone

全屏

defghi1977

作者信息

svgはいんすぴれーしょん http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm 重箱の隅っこをつっついて,にんまり. ドキュメントにまとめて,にっこり.

默认面板

部件尺寸

  • 宽度: px
  • 高度: px

部件代码

QR Code

讨论区

试着提些关于代码的问题!

标签

收藏用户

派生作品

排序