こっちみんな
今回はうんちの目をマウスの動きに合わせて動くようにしたぞ!
Let's Try
See the Pen kocchiminna-unchi by petapetapeta (@petapetapeta) on CodePen.
ポイント
html(pug)& css(stylus)
左右の目を動かしたいので、黒目はそれぞれ要素を作成して中央に配置します。
javascript
今回もvue.jsを使ってます。
mousemoveイベントで座標を取得し、その座標によって目の位置を変えてやります。
白目をはみ出さないように注意しましょう!
いつでもうんちに見られてる感じがして良いですね💩