2014年03月_whqet

12月 11月 09月 08月 06月 05月 04月 03月 02月 01月

原创 html5视频控制效果

好吧，来看一个html5的video元素的应用，实现简单控制。到这里观看效果，到这里在线研究，或者下载收藏, 视频加载可能有点慢，请耐心等等。

2014-03-31 22:24:00 5140 1

原创 CSS居中对齐

文本居中，div居中，水平居中，垂直居中，两个方面11种解决方案总有一种适合您。

2014-03-30 14:53:25 6937 15

原创 SASS Mixin实现响应式布局

好的，今天我们来研读下css大牛Chris Coyier的利用SASS实现响应式布局的解决方案(Simple Technique for using Sass for Rows)。列间空隙的处理，每行的最后一列没有空隙，前面的其他列具有统一的空隙，水平和垂直方向的空隙相等。每列宽度采用百分比的形式进行计算，每列宽度=(总宽度-空隙总宽度)/列数=(总宽度-(列数-1)*空隙宽度)/列数。

2014-03-30 08:58:39 6389 1

原创 SASS实现圆形动画菜单

好的，SASS实现的圆形动画菜单，主要用到了sass中的@for、@if，compass中sin、cos的使用，hsl颜色的使用。

2014-03-21 20:47:06 4828 1

原创 SASS实现颜色卡动画

今天我们看一个Sass实现颜色卡动画，继续学习sass的使用，效果见下图所示。在线研究点这里，下载收藏点这里。同时也请大家发表高见，迎接鼓励，欢迎拍砖。

2014-03-20 13:32:14 4100

原创响应式表格

来继续看一个响应式表格，重点学习媒体查询，智能手机中将表头隐藏，利用:before伪对象伪造表头，效果见如下图所示。

2014-03-18 20:10:47 5695 7

原创响应式菜单

今天来看一个响应式布局菜单效果，重点应用媒体查询、css3绘图、jquery简单应用.

2014-03-18 14:19:15 4162 1

原创苹果风格的下划线

今天研究一个利用text-shadow和:after伪对象做成的苹果风格的下划线效果。

2014-03-17 21:07:03 5025 1

原创 Google Fonts Sass Mixin

给大家分享一个codepen上的调用谷歌Web Font的mixin，以此为例我们继续学习SASS。

2014-03-15 20:38:40 3376

原创纯css实现回旋动画

css演武场今日继续，来看一个纯css实现的回旋动画。在线研究点这里，下载收藏点这里。重点关注1. haml简化html，实现效果架构2.sass的使用3.compass类库的使用haml文件- @n = 25.container - @n.times do .thing编译成html之后

2014-03-12 13:52:53 4313 1

原创响应式奶油立体字效果

好的，CSS3演武场今天继续，来看一个由text-shadow实现的响应式立体字效果。前端开发whqet，关注web前端开发技术，分享网页相关资源。

2014-03-11 08:25:42 4712 1

原创 Flexbox响应式菜单

这两天在研究flexbox，来看一个Flexbox实现的响应式菜单。

2014-03-09 20:36:26 4155

原创纯CSS仿制Google女生节Doodle

看到google今天的女生节Doodle，自己用纯css做了一个，送给老妈、老婆、女儿。

2014-03-07 21:56:20 7542 5

原创纯CSS实现3D图像轮转

CSS演武场今天继续，今天看一个纯css实现的3D图像轮转效果，请大家猛戳研究效果先，也可下载收藏先。

2014-03-05 16:06:25 5329 5

原创视差滚动原理及实现

作为一种优雅酷炫的页面展示的方式，视差滚动（Parallax Scrolling）正受到越来越多前端设计师的宠爱，优设的2014年网页设计趋势中依然能够看到它的影子，所以我们不得不来好好研究下视差滚动的原理和实现方式。

2014-03-04 14:48:03 7553 1

原创博客写作计划

近段时间的博客写作计划，予以自勉。css3属性详解系列html5逐步学系列响应式布局教程sass文档翻译和实例解读系列css3案例解析系列javascript起步教程系列每日一站系列视觉设计系列

2014-03-02 14:33:02 2351 1

翻译 2014年启用响应式网页的5个理由

响应式网页是你今年的最优选择吗？如果不是，那你得看看《2014年设计趋势》这篇文章，然后启用这个流行技术。我列出了你应该尽快使用响应式网页的5个理由。

2014-03-01 21:52:35 2894 1

纯CSS3实现图像鼠标悬停效果

主要利用css3transition、transform实现鼠标悬停效果，很不错的效果，定然不让你失望，可以到http://blog.csdn.net/whqet/article/details/22891391了解详情。

2014-04-13

图像多维展示效果

在Awwwards上欣赏牛人大作时，看到了一个网站newtonrunning，狠喜欢他的菜单切换效果和球鞋多维展示效果，然后禁不住手痒仿制了一个多维图像展示效果，大家可以到我的博客http://blog.csdn.net/whqet查看详情。

2014-04-13

纯css实现的3d翻转效果

纯css实现的3d翻转效果，可以用来学习理解css的3d动画实现，思路借鉴。

2013-04-30

AS3焦点图 Flash ActionScript 3.0 焦点图经典网络应用程序

AS3写的焦点图。AS3焦点图 Flash ActionScript 3.0 焦点图经典网络应用程序。XMl文件读取。/* 用到了知识点： Timer XML URLLoader pic Loader 按钮按钮单击事件 */ /** 思路：不进行缩放 1.初始化，控制面板背景，表示标题的动态文本，控制的按钮，生成提示当前图片的按钮。 2.读取XML，把里面的图片信息（图片地址和图片标题）获取进来，生成按钮 3.自动播放，Timer 4.鼠标控制 */ //控制控制面板的位置，0代表上方，1代表下方

2011-01-18

空空如也

TA创建的收藏夹 TA关注的收藏夹