分类:脚本代码

HTML5 Canvas雨滴下落动画 超逼真

HTML5 Canvas雨滴下落动画 超逼真
分享一款相当逼真的HTML5 Canvas雨滴下落动画,该动画模拟雨滴附在窗户上缓缓滑落的效果,同时窗户也因为雨滴而变得模糊,窗外的夜景便显得格外迷人。利用HTML5技术,该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制,本地将无法运行,你可以在本站的在线演示中看到效果,或者将源代码上传至自己的服务器后浏览。...

2年前 (2015-11-22) 787℃ 评论 () 186喜欢

酷酷的 jQuery/CSS3 图片边框线条变换动画

酷酷的 jQuery/CSS3 图片边框线条变换动画
来介绍一个相对比较实用的jQuery/CSS3应用,它可以让网页中的图片更加美观富有动画色彩。当我们将鼠标滑过图片时,图片周围的边框线条就会产生变换的动画特效,并且线条的颜色也会发生改变,我们可以将这款应用在商品的图片中使用,让页面更加绚丽。...

2年前 (2015-11-22) 458℃ 评论 () 113喜欢

jQuery获取键盘按键提示 非常全面!

jQuery获取键盘按键提示 非常全面!
分享一款非常实用的jQuery插件,这款jQuery插件可以帮助你获取键盘按键,并在页面上提示你。很多时候我们会给页面设置一些快捷键,但如何在网页上设置快捷键可能对很多新手来说十分困难,但是有了这款jQuery键盘按键提示插件,我们可以获取用户任意按键信息,尤其是组合快捷键,功能非常全面。...

2年前 (2015-11-22) 344℃ 评论 () 149喜欢

漂亮的自定义Checkbox CSS3复选框 九款迷人样式

漂亮的自定义Checkbox CSS3复选框 九款迷人样式
之前我们分享过一款非常不错的用CSS3自定义checkbox复选框,纯CSS3美化Checkbox和Radiobox按钮,外观非常时尚。今天我们再来分享9款样式迷人的CSS3自定义checkbox复选框。这几款复选框样式很丰富,使用起来也比较方便。...

2年前 (2015-11-22) 333℃ 评论 () 139喜欢

超赞!提供【免费下载】整理61个HTML5+CSS3的登陆表单

超赞!提供【免费下载】整理61个HTML5+CSS3的登陆表单
​设计行业的发展非常迅速,每天都有新颖的创意网站更新,而HTML和CSS在方向上有一定局限。CSS已经从内容布局方面走了很长的路。 它是用来精确控制文件的布局和媒体应用不同类型的布局。现代web站点是为了提供各种类型的设计与用户交互。...

2年前 (2015-11-12) 1838℃ 评论 () 977喜欢

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

2年前 (2015-11-02) 412℃ 评论 () 120喜欢

超炫的页面切换动画效果(Page Transitions)

超炫的页面切换动画效果(Page Transitions)
今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。虽然有些效果都非常简单,只是简单的滑动动作,但另外的一些则是利用了视角(Perspective)和 3D 转换(3D Transforms)来创造一些立体动感的效果。...

2年前 (2015-10-10) 2381℃ 评论 () 210喜欢

利用fullPage.js制作魅蓝note2特效页面

利用fullPage.js制作魅蓝note2特效页面
之前介绍过 jQuery 全屏滚动插件 fullPage.js,很多人都问如何制作类似小米4、小米手环的页面,fullPage.js 主页也没有相关的介绍,所以一直没有做出一个这个这样的例子。其实类似小米4、小米手环这样的页面是他们的工程师自己开发的,或者是借助 jquery.mousewheel.js 等插件实现的,还有的这是通过修改 fullPage.js 实现的,比如魅蓝 note2 就是这样做的,所以理论上我们可以直接拿过来用。
...

2年前 (2015-10-09) 1984℃ 评论 () 129喜欢

(下)五个精选的 HTML5 与 CSS3 效果集锦

(下)五个精选的 HTML5 与 CSS3 效果集锦
作为一个前沿的 Web 开发者,对于 html5 和 css3 技术或多或少都有掌握。这里精选了一些很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。...

2年前 (2015-09-30) 1341℃ 评论 () 190喜欢

(上)五个精选的 HTML5 与 CSS3 效果集锦

(上)五个精选的 HTML5 与 CSS3 效果集锦
作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了5个前沿的 HTML5 & CSS3 效果,记得收藏哦!

温馨提示:为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。...

2年前 (2015-09-29) 618℃ 评论 () 114喜欢

jQuery实现背景图自适应窗口大小

jQuery实现背景图自适应窗口大小
jQuery实现背景图自适应窗口大小,调整游览器窗口,你就会看到每当窗口大小发生变化时,背景图也会随之而变化,它总是在适当的宽高比。 有了它就可以随心所欲做类似全屏没有滚动条的网站了。...

2年前 (2015-09-18) 909℃ 评论 () 92喜欢

用fullPage.js制作搜狐快站页面效果

用fullPage.js制作搜狐快站页面效果
搜狐快站的页面效果还不错,也是采用时下比较流行的全屏设计(其实只是图片而已),今天 HelloWeb 试着用 fullPage.js 制作这个页面效果。...

2年前 (2015-09-10) 912℃ 评论 () 356喜欢

动态背景的CSS3登录表单

动态背景的CSS3登录表单
之前我们分享过很多不错的CSS3登录表单,比如这款jQuery/CSS3 谷歌样式的登录表单效果就非常不错。今天要分享的另一款CSS3登录表单外观比较清新,绿色的背景让整个表单看上去很舒服。该登录表单最大的特点是背景是动态的,会不时地浮动出一些图案来。...

2年前 (2015-08-21) 293℃ 评论 () 596喜欢

用CSS3实现的3D分页导航按钮

用CSS3实现的3D分页导航按钮
CSS3实现3D分页导航按钮是一款用CSS3实现的3D分页导航按钮,具有前后分页页码和数字页码,不同的是,这款分页插件的分页页码是一个个3D的导航按钮,样式十分新颖,不过需要CSS3支持。...

2年前 (2015-08-14) 322℃ 评论 () 19喜欢

全屏/整屏滚动组件fullPage

全屏/整屏滚动组件fullPage
与 fullPage.js 相比,fullpage 不依赖任何 js 库,可独立使用。功能上虽然不如 fullPage.js 强大,但一般使用已经足够了,尤其是它的动画效果,你可以自由设定缩放、旋转以产生各种各样的动画效果。同时它还支持 fullPage.js 所没有的水平滚动...

2年前 (2015-08-13) 890℃ 评论 () 16喜欢

用fullPage.js制作百度百科史记2013效果

用fullPage.js制作百度百科史记2013效果
2013年过去了,各门户网站纷纷对上一年的大事记进行了盘点,百度百科当然不能缺席,其制作的“百度百科——年终盘点”专题,列举了科技、人物、社会和网络四个方面在2013年从1月到12月...

2年前 (2015-08-13) 280℃ 评论 () 110喜欢

ResponsiveSlides.js – jQuery幻灯片插件

ResponsiveSlides.js – jQuery幻灯片插件
简介ResponsiveSlides.js 是一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想...

2年前 (2015-08-12) 513℃ 评论 () 62喜欢

浪漫程序员 HTML5爱心表白动画

浪漫程序员 HTML5爱心表白动画
我们程序员在追求爱情方面也是非常浪漫的,下面是一位同学利用自己所学的HTML5知识自制的HTML5爱心表白动画,画面非常温馨甜蜜,这样的创意很容易打动女孩,如果你是单身的程序员,也赶紧来制作自己的爱心表白动画吧。...

2年前 (2015-07-07) 894℃ 评论 () 13喜欢