您现在的位置：首页 >> 前端 >> 列表
CSS 实现加载动画之五-光盘旋转

CSS 实现加载动画之五-光盘旋转

2014/9/29 8:19:12
今天做的这个动画叫光盘旋转，名字自己取的。动画的效果估计很多人都很熟悉，就是微信朋友圈里的加载动画。做过前面几个动画，发现其实都一个原理，就是如何将动画的元素如何分离出来。这个动画...
xml基础学习笔记01

xml基础学习笔记01

2014/9/28 9:05:48
还是继续学习 燕十八老师传世经典三部曲第三步：xml ，只是学习笔记，基本都是记录老师的讲解，融入了一些自己的认识。不属于原创，原创请看十八哥的视频。默默的给十八哥送上32个赞　　...
CSS 实现加载动画之四-圆点旋转

CSS 实现加载动画之四-圆点旋转

2014/9/28 8:29:24
圆点旋转也是加载动画中经常用到的。其实现方式和菊花旋转一样，只不过一个是线条形式，一个是圆点形式。圆点按照固定的旋转角度排列，加上延时的改变透明度的动画就可以实现。这个实现也比较简...
CSS 实现加载动画之三-钢琴按键

CSS 实现加载动画之三-钢琴按键

2014/9/27 8:26:11
主要用到了animation动画@-webkit-keyframes load{　　0%{opacity:1;}　　100%{opacity:0;}}.m-load2 .item{...
CSS 实现加载动画之三-钢琴按键

CSS 实现加载动画之三-钢琴按键

2014/9/27 8:26:11
主要用到了animation动画@-webkit-keyframes load{　　0%{opacity:1;}　　100%{opacity:0;}}.m-load2 .item{...
构建高可伸缩性的WEB交互式系统（下）

构建高可伸缩性的WEB交互式系统（下）

2014/9/26 11:53:00
本文是《构建高可伸缩性的WEB交互式系统》系列文章的第三篇，以网易的NEJ框架为例，对模块的可伸缩性进行分析介绍。　　实例分析　　NEJ框架根据前两篇的描述对此套架构模式做了实现，...
页面兼容必加css

页面兼容必加css

2014/9/26 10:53:11
html,body,p,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,...
一个html5做的网站，以及article标签的用法

一个html5做的网站，以及article标签的用法

2014/9/25 10:56:22
这是一个介绍html5相关技术的工具网站，网站本身就是有html5|css3写成，虽然对于电脑配置差点的同学来说浏览起来有点卡，但是还是得学习的，毕竟html5才是今后的主流技术。...
css中background-size属性

css中background-size属性

2014/9/25 10:56:16
background-size的类型：1个或2个，这些既可以是像素px，也可以是百分比%或auto，还可以是特定cover, contain。　　background-size可以...
CSS 实现加载动画之二-圆环旋转

CSS 实现加载动画之二-圆环旋转

2014/9/25 8:44:15
上次简单的介绍了下如何用代码实现菊花旋转的加载动画，动画点击，这次继续我们的动画系列，实现另外一种加载动画，圆环旋转。与上次不同的是，菊花旋转是通过改变元素透明度来实现动画，这次因...
图片推荐