特效篇 / 插件篇
总计 13 页,当前第 5 页
简要教程这是一组使用HTML5 SVG过滤器制作的炫酷液态水滴融合动画特效。这些SVG动画特效使一些HTML元素,如菜单、分页按钮、APP、选择框等元素的过渡动画像几粒水滴一样融合分解,效果非常的酷。SVG Filters通过SVG Filters我们可以修改一个给定的图形,创建我们需要的结果。SVG中包含了一种可以执行各种操作的filter元素,下面列出了一些可用的SVG filter元素:feBlendfeColorMat...
8年前 (2017-01-03)
阅读(3868)
赞一个 (1)
链接直达
简要教程这是一款效果非常酷的CSS3表单input输入框美化效果插件。为表单的input输入框制作一些特殊的效果能给用户带来更好的用户体验。这个CSS3表单input输入框美化插件就是一个很好的例子。这个插件中的效果大多数是使用CSS transitions来切换伪元素制作的。HTML结构HTML结构使用一个span作为wrapper,包裹住input和它的label。为了效果能正常工作,要将label放置在input后面,这是在使用复...
8年前 (2017-01-03)
阅读(6338)
赞一个 (4)
链接直达
这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成,一部分则使用SVG来制作变形动画。在前面已经发表了一篇关于SVG浮动标签的文章:14种CSS3炫酷表单input输入框美化效果。这篇文章中的浮动标签效果是它的一些补充,在原来14种效果的基础上有...
8年前 (2017-01-03)
阅读(4501)
赞一个 (1)
链接直达
默认的超链接下划线动画十分的生硬,我们可以通过一些简单的处理,来制作出带平滑过渡效果的超链接下划线动画效果。众所周知,超链接<a>元素在默认情况下鼠标滑过时会出现一条下划线。默认的超链接下划线动画十分的生硬,我们可以通过一些简单的处理,来制作出带平滑过渡效果的超链接下划线动画效果。先来体验一下这个超链接动画的效果,用鼠标滑过下面的链接试试。下面我们开始来制作这个效果。首先第一步是要关闭超链的text-decoration属性...
8年前 (2017-01-03)
阅读(5080)
赞一个 (3)
链接直达
非常漂亮,非常炫酷的HTML5水族馆鱼群特效,很逼真的fish效果 站内演示 官方演示...
8年前 (2016-12-30)
阅读(3127)
赞一个 (2)
链接直达
stroll.js 是 CSS 列表滚动效果的集合,浏览器支持 3D 转换,同时也支持触摸屏设备(iOS 和 Android 4.x)。绑定代码// Bind via selectors
stroll.bind( '#main ul' );
// Bind via element refere...
8年前 (2016-12-30)
阅读(2893)
赞一个 (0)
链接直达
级炫酷的鼠标跟随粒子特效,鼠标放在哪儿,哪儿就有粒子,有一种魔法棒的感觉 在线演示...
8年前 (2016-12-30)
阅读(4878)
赞一个 (3)
链接直达
一年一度的圣诞节又来临了。在这个越来越受到国人重视的节日中,每个人有每个人的浪漫方式,当然程序员们也不例外。下面就来看看程序员们是如何为这个节日增添不一样的气氛的。初级程序员的节日问候1、使用canvas功能绘制的简单圣诞树在绘图板中绘制下面这个图形并不算什么难事,但是使用代码来生成这个圣诞树却需要一定的HTML5基础。下面这个图形使用HTML5中的<canvas>标签来绘制,如果你熟悉HTML5,这对你来说轻而易举。源码:...
8年前 (2016-12-30)
阅读(3600)
赞一个 (0)
链接直达
一个可爱的登陆界面,动画效果仿自国外网站readme.io现在分享给大家,有兴趣者可以看一下,很有趣的哦。当鼠标焦点在密码框时候,猫头鹰会自己将眼睛捂住,样子好可爱 Web演示 IOS版下载...
8年前 (2016-12-28)
阅读(4313)
赞一个 (0)
链接直达
分享一款利用HTML5的爱心跳动动画,相对前一款,它要简单一些,如果妹子打开Email看到跳动的爱心,估计也能在心里甜甜的一笑,最最最贴心的是完美支持中文字符 查看演示 下载...
8年前 (2016-12-28)
阅读(3642)
赞一个 (2)
链接直达
这是一款效果非常炫酷的HTML5和CSS3文字样式和鼠标滑过特效插件。该文字特效中包含了11种不同的文字样式和鼠标滑过文字时的动画效果。部分文字动画效果使用了SVG和Html5 Canvas来制作。注意这些效果并不是在所有的浏览器中都能正常工作的。请使用最新版额现代浏览器来查看这些效果。这些文字鼠标滑过动画效果都依赖于元素的::before和::after伪元素来制作。下面是“Kukuri”的图片演示效果: 在这个插...
8年前 (2016-11-14)
阅读(6791)
赞一个 (8)
链接直达
这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效。这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。请注意这些效果需要在支持这些CSS属性的现代浏览器中才有效果,IE10不支持在伪元素上使用animation,因此有些效果可能不会有效果。该鼠标点击按钮特效插件中使用了Font Awesome字体图标。HTML结构 该鼠...
8年前 (2016-11-14)
阅读(4666)
赞一个 (1)
链接直达