分类:资源共享

纯CSS3制作的跳动的小猪动画

纯CSS3制作的跳动的小猪动画
用纯CSS3实现的动物或者卡通人物实例很多,我们在HelloWeb上也分享过很多,像9款用HTML5/CSS3制作的动物、人物动画里面就有很多超酷的。今天我们要来看一款很可爱的纯CSS3浮动小猪,同时,小猪在浮动时投影也会跟着浮动,动画效果非常逼真。...

4年前 (2015-12-22) 750℃ 评论 () 135喜欢

juery+html5 实现圣诞节雪花效果

juery+html5 实现圣诞节雪花效果
分享一款基于jQuery和HTML5的圣诞节动画特效,应该说这款动画主要是由jQuery制作完成,中间利用了一些CSS3和HTML5的相关特性,来完成了圣诞夜雪花飞舞的动画效果。虽然今年的圣诞节还早,但你可以把这款动画保留到那天,送给你喜欢的人!...

4年前 (2015-12-20) 428℃ 评论 () 151喜欢

scrollReveal.js – 页面滚动显示动画JS

scrollReveal.js – 页面滚动显示动画JS
和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件...

4年前 (2015-12-07) 3484℃ 评论 () 188喜欢

视频播放插件Video.js

视频播放插件Video.js
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。...

4年前 (2015-11-24) 5034℃ 评论 () 180喜欢

HTML5 Canvas雨滴下落动画 超逼真

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

4年前 (2015-11-22) 1027℃ 评论 () 199喜欢

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

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

4年前 (2015-11-22) 573℃ 评论 () 124喜欢

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

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

4年前 (2015-11-22) 471℃ 评论 () 158喜欢

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

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

4年前 (2015-11-22) 423℃ 评论 () 148喜欢

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

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

4年前 (2015-11-12) 2271℃ 评论 () 985喜欢

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

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

4年前 (2015-11-02) 819℃ 评论 () 130喜欢

Notepad++

Notepad++
Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率,降低电脑系统能源消耗,但轻巧且执行效率高,使得Notepad++可完美地取代微软视窗的记事本。...

4年前 (2015-10-14) 877℃ 评论 () 135喜欢

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

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

4年前 (2015-10-10) 3872℃ 评论 () 229喜欢

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

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

4年前 (2015-10-09) 2158℃ 评论 () 139喜欢

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

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

4年前 (2015-09-30) 1655℃ 评论 () 208喜欢

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

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

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

4年前 (2015-09-29) 739℃ 评论 () 121喜欢

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

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

4年前 (2015-09-18) 1034℃ 评论 () 106喜欢