首页

JS特效

jQuery特效

鼠标hover悬停图片的css3动画特效

鼠标hover悬停图片css3动画特效

立即下载预览

这是一款在鼠标hover图片的时候，使用transition和transform来制作图片说明文本和图标的CSS3动画特效，酷炫鼠标悬停图片css3动画特效代码。

.demo{
padding: 2em 0;
}
.box{
text-align: center;
overflow: hidden;
color: #fff;
position: relative;
}
.box:after{
content: "";
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 69%, rgba(0, 0, 0, 0.76) 100%);
position: absolute;
top: 0;
left: 0;
transition: all 0.5s ease 0s;
}
.box:hover:after{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);
}

免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn

HTML5超逼真下雪场景效果

18 Jan 2017

这是一款基于jquery的超逼真下雪场景特效。该特效使用jquery代码来动态插件html5 canvas元素，然后在canvas中制作下雪特效。

jQuery和CSS3超炫汉堡包变形动画特效

18 Jan 2017

这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件，并通过CSS3 transform和animation来制作动画特效。

jquery打字特效停止回删

23 May 2023

随着互联网的普及，打字特效的应用越来越广泛，jquery打字特效也成为了许多网站开发人员的首选。然而，在实现这种特效的过程中，细节问题经常会影响用户体验，比如打字特效的回删问题。本文将介绍如何利用jquery打字特效停止回删，提高用户的浏览体验。jquery打字特效的实现可以使用现成的插件，如typed.js和jQuery.Typewriter等。这些插件都是基于jquery的

jQuery动画特效实例教程_jquery

16 May 2016

这篇文章主要介绍了jQuery动画特效,详细叙述了jQuery动画特效的实现方法,非常实用,需要的朋友可以参考下

漂亮的jquery提示效果(仿腾讯弹出层)_jquery

16 May 2016

jquery提示效果有很多，本文也提供一个超漂亮的仿腾讯弹出层效果，热爱特效的你可千万不要错过了啊，希望本文提供的案例对你学习jquery特效有所帮助

jQuery实现带玻璃流光质感的手风琴特效_jquery

16 May 2016

这篇文章主要介绍了jQuery实现带玻璃流光质感的手风琴特效，是一款基于jQuery+CSS3实现手风琴特效，希望你可以喜欢。

jQuery动画与特效详解

28 Nov 2017

jquery中我们最需要用的除了异步，就是动画和特效了吧，要想给用户更好的体验jquery是最好的选择，就让我们一起来看看jquery的动画、特效的详解吧