1
我想重新创建Filmatrografia页面上http://annasafroncik.it/上显示的效果,您会看到图片上的泡泡效果,与Biografia相同......他们如何做到这一点?非常感谢!!jQuery滚动时对图像的影响
我想重新创建Filmatrografia页面上http://annasafroncik.it/上显示的效果,您会看到图片上的泡泡效果,与Biografia相同......他们如何做到这一点?非常感谢!!jQuery滚动时对图像的影响
这不是一个jQuery的效果,但CSS3变换叫scale
- DEMO
img {
-webkit-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all .5s ease-in-out;
-webkit-transform: scale(0);
}
p:hover + img {
-webkit-transform: scale(1);
}
啊,但要记住,这个效果触发,当你向下滚动页面,而不是当你悬停图片。你如何用CSS或jQuery来做到这一点? –
[查找窗口滚动的距离](http://www.howtocreate.co.uk/tutorials/javascript/browserwindow) - 在滚动时调用此函数并将一些听众附加到所需的高度以触发泡泡 –