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

Fork
0
Fav
2
View
1734
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 27 lines
  • HTML 28 lines
  • SCSS 358 lines

サムネイルクリック後にtextareaが大きくなるアニメーション

画面真ん中のサムネイルをクリックすると隠れていたサムネイルが円状に広がって、そのうちのどれかをクリックすると、選択されたサムネイルだけが中央に表示された状態でtextareaが広がります。

textareaが空のままフォーカスが外れると再びサムネイルを選びなおすことができます。textareaが空でなければそのままtextareaの幅と高さが確保されたままになります。

最初の画面のサムネイルはLINEのグループ的なもの、円状のそれぞれの画像は各ユーザのアイコン的なイメージで作っています。

  • サムネイルクリック後にtextareaが大きくなるアニメーション
  • jQuery v2.1.0
  • サムネイルクリック後にtextareaが大きくなるアニメーション

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