基于jQuery的animate动画制作图片有弹性的下落

最新推荐文章于 2024-08-08 20:43:10 发布

教你如何CV

最新推荐文章于 2024-08-08 20:43:10 发布

阅读量1.2k

点赞数 1

分类专栏：知识点总结文章标签： animate动画有弹性移动图片

本文链接：https://blog.csdn.net/baidu_41205301/article/details/79094393

版权

这篇博客分享了如何利用jQuery实现一个带有弹性效果的图片下落动画。作者提供了简单的代码示例，适合初学者参考学习。

摘要由CSDN通过智能技术生成

本人用jquery制作了一个图片下落的动画，添加了一点点弹性的效果，小伙伴们如果觉得不错，就拿走不谢哈，代码都是很简单的。如下：

1.html部分

<ul class="team">
	<li>
		<p><img src="images/programmer_icon.png" /></p>
		<p>专业开发</p>
	</li>
	<li>
		<p><img src="images/pragmatic_icon.png" /></p>
		<p>项目务实</p>
	</li>
	<li>
		<p><img src="images/God_icon.png" /></p>
		<p>客户至上</p>
	</li>
</ul>

2.css部分

.team{
	/*margin-top: 60px;*/
	margin-top: 0.7rem;
	overflow: hidden;
}
.team li{
	float: left;
	/*width: 300px;
	height: 270px;*/
	width: 376px;
	height: 318px;
	background: url(../images/trans_bg.png)no-repeat;
	background-size: 376px 318px;
	/*margin: 20px 33px;*/
	text-align: center;
	/*box-shadow: 0px 0px 20px #cc