html5图片悬浮效果,html5悬停图片视差移动特效

特效描述：html5 悬停图片 视差移动特效。html5图片视差移动

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

$(window).parallaxmouse({

invert: true,

range: 400,

elms: [

{el: $('#warpbg'), rate: 0.1},

{el: $('#star1'), rate: 0.2},

{el: $('#star2'), rate: 0.2},

{el: $('#star3'), rate: 0.2},

{el: $('#star4'), rate: 0.2},

{el: $('#star5'), rate: 0.2},

{el: $('#planet'), rate: 0.3},

{el: $('#robot'), rate: 0.4},

{el: $('#astronaut'), rate: 0.48},

{el: $('#asteroid'), rate: 0.7}

]

});