Tag: CSS3

用 CSS3 和 JavaScript 制作径向动画菜单

今天,让我们来看看:如何使用CSS3和JavaScript轻松地实现一个简单的径向动画菜单。 看看下面的演示,点击按钮,弹出径向菜单。 上面的codepen示例呈现了代码,那么我们来介绍其中的一些细节。 HTML 我们看看HTML。我们使用HTML5的nav元素,包含一些链接元素和激活径向菜单的按钮。 [code lang="HTML"] <nav class="circular-menu"> <div class="circle"> <a href="" class="fa fa-home fa-2x"></a> <a href="" class=&.....
阅读全文

Web 开发中很实用的10个效果【源码下载】

Web 开发中很实用的10个效果【源码下载】
在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。 源码下载      在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让.....
阅读全文

超酷体验 绚丽的jQuery和CSS3应用插件

超酷体验 绚丽的jQuery和CSS3应用插件
今天我们收集了8款来自html5tricks超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。   1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。 在线演示        源码下载   2、CSS3彩色进度条 按百分比显示不同颜色 这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样.....
阅读全文

超级惊艳 10款HTML5动画特效推荐

超级惊艳 10款HTML5动画特效推荐
今天我们要来推荐10款超级惊艳的HTML5动画特效,有一些是基于CSS3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些HTML5动画和jQuery应用。 1、HTML5 Canvas发光Loading动画 之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发光3D的视觉效果,HTML5非常强大。 在线演示        源码下载 2、jQuery球状放大镜特效插件 今天.....
阅读全文

9款最新炫酷HTML5/CSS3应用推荐

9款最新炫酷HTML5/CSS3应用推荐
HTML5的强大之处我们已经体验过很多了,包括HTML5游戏、HTML5视频,另外结合CSS3,也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢,赶紧分享给你的朋友吧。 1、HTML5 webkit 3D立方体图片旋转滑块应用 今天再来分享一款HTML5 3D立方体动画,这个只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳。 在线演示        源码下载 2、HTML5/CSS.....
阅读全文