51Dev开发社区
登录 注册

#特效

一款基于javascript的3D玻璃破碎特效
之前为大家介绍了一款 html5canvas实现图片玻璃碎片特效。今天要给大家带来一款基于javascript的3D玻璃破碎特效。效果图如下：在线预览   源码下载html代码：<divid="container"><divid="fragment">&l...
代码星球 ·2021-01-21

一款纯css3实现的超炫动画背画特效
之前为大家介绍了很多款由纯css3实现的特效。今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单，没有引用任何其它js代码。css代码也不多。效果非常炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass='fake-gif'>...
代码星球 ·2021-01-21

一款由jquery实现的超炫的页面加载特效
今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失，然后由近至远出现。效果超级梦炫。一起看下效果图：在线预览   源码下载实现的代码。html代码：<svgxmlns="http://www.w3.org/2000/svg"...
代码星球 ·2021-01-21

一款基于jquery实现的鼠标单击出现水波特效
今天要为大家绍一款由jquery实现的鼠标单击出现水波特效。用鼠标猛点击页面，你可以看到页面不断出面水波纹效果。然后水波纹渐渐消失。效果非常不错。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<divid="container">&...
代码星球 ·2021-01-21

一款由html5 canvas实现五彩小圆圈背景特效
之前介绍了好几款html5canvas实现的特效。今天要为大家介绍一款由html5canvas实现五彩小圆圈背景特效。五彩的小圆圈渐显渐失的特效。效果图如下： 在线预览   源码下载 html代码：<canvas></canvas><div...
代码星球 ·2021-01-21

一款jquery实现的整屏切换特效
今天要为大家带来一款由jquery实现的整屏切换特效，在右侧有圆型小标，每点一个切换一屏。当然，你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧 在线预览   源码下载 html代码：<divclass="wrapperactive-page4">&l...
代码星球 ·2021-01-21

html5 canvas实现图片玻璃碎片特效
今天要为大家带来一款html5canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中，然后似玻璃被打碎的效果渐消息。效果图如下： 在线预览   源码下载 实现代码：html代码：<imgsrc="city_copy.jpg"id="src_img"c...
代码星球 ·2021-01-21

css3实现的鼠标经过按钮特效
今天要为各网友再带来一款css实现的鼠标经过按钮的特效。按钮初始时，边框为断开的按钮，当鼠标经过按钮时动画变为封闭的边框。效果图如下： 在线预览   源码下载 我们一起看下实现的代码：html代码：<body><atarget="_blank"clas...
代码星球 ·2021-01-21

CSS3 Transitions属性打造动画的下载按钮特效
一个网站的下载按钮应尽量吸引读者的注意。 这意味着网页设计师应该非常重视文件的下载界面。一个页面这么多的文件，如图片，视频和插件可以通过直接HTTP下载共享。许多免费网站甚至发布图标集和PSD文件供用户免费下载。在这些元素很多的网页下载按钮非常重要。下面就给大家带来一款动画的下载按钮，效果图如下： ...
代码星球 ·2021-01-21

一款基于jquery超炫的图片切换特效
今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示，效果还是非常好，我们一起看下效果图： 在线预览   源码下载 来看下实现的代码。注意了，这里有引用jquery和underscore插件。htm...
代码星球 ·2021-01-21

纯css3鼠标经过图片显示描述特效
今天给大家带来的是用css3技术实现鼠标经过图片，显示图片描述的动画效果。鼠标经过图片时，图片动画缩小并渐变显示描述。我们一起看看效果图： 在线预览   源码下载 我们一起学习下此案例的代码。html代码：<divalign="center"><div...
代码星球 ·2021-01-21

css3实现的4种动画特效按钮
今天要给大家介绍的是css3按钮，里面包含四种特效的动画，如下图：在线预览   下载源码实现html代码：<divalign="center"class="fond"><br/><divclass="bouton_1"><ahref="#123"&...
代码星球 ·2021-01-21

基于css3炫酷页面加载动画特效代码
基于CSS3实现35个动画SVG图标。这是一款基于jQuery+CSS3实现的SVG图标动画代码。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="loaders"><divclass="loader"><divclass="l...
代码星球 ·2021-01-21

手风琴式焦点图jQuery特效
手风琴式焦点图jQuery特效是一款鼠标点击人物图像滑动切换案例说明信息代码。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="ag-content-customer-wrap"><divclass="ag-content-customer...
代码星球 ·2021-01-21

前端特效： 使用CSS生成的闪光照相机效果
使用纯CSS生成的照相机效果，相关CSS代码如下： .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius...
代码星球 ·2021-01-09
首页上一页...45678...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他