Fork
1
Fav
8
View
4844
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 1 lines
  • HTML 19 lines
  • CSS 113 lines
svgで作った線を点線にして、点線の見える部分をボックスのwidth,heightと合わせる。
線をそれぞれtranslateで操作。

stroke-dasharrayの値を変えると違いがわかります!

http://tympanus.net/codrops/2014/02/26/creating-a-border-animation-effect-with-svg-and-css/
  • マウスオーバーで線を動かす【svg】
  • マウスオーバーで線を動かす【svg】

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

usgitanusgitan:

ボタンエフェクト

akmiyoshiakmiyoshi:

buttonかっこいいボタンが作れそうですね。

Forked

sort by