【重要】サービス終了のお知らせ

Forked from: defghi1977's svgでページめくりっぽく View Diff (103)

Fork
1
Fav
1
View
1841
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 2 lines
  • HTML 121 lines
  • CSS 1 lines
svgでページめくりっぽくのバリエーション
ページ部をクリックするとページ送り,ページ戻しっぽい効果を得る.

NOTE:animate要素でxlink:href属性でアニメーションさせようとすると,次のような違いが発生した.

・firefox・・・animate要素の参照先のみがアニメーションする.参照先を更にuse要素でコピーした場合,アニメーションまでは引き継がない.
・chrome/opera・・・アニメーション内容までコピーされる.

なお,アニメーションさせたい要素の直下にanimate要素を定義し,この要素をコピーする分にはどのブラウザでも同様の動作となる.

・・・困るなぁ.アニメーション処理をまとめる際に非常に困る.
  • svgをクリックしてページをめくる
  • svgをクリックしてページをめくる

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

defghi1977

Author

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

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by