JavaScriptの超軽量ライブラリ -vanilla-tilt.js
DLはここから:
サンプルコード:
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div class="container">
<div
class="background"
data-tilt
data-tilt-max="50"
data-tilt-speed="400"
data-tilt-perspective="500"
>
<img src="https://dl.dropbox.com/s/4f8xub814why1k6/slime.png?dl=0" />
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.6.1/vanilla-tilt.js"></script>
</body>
</html>
お手軽に色々アニメーション実装できそうで楽しめるかも!