在HTML5家族中，CSS3无疑是一名举足轻重的家庭成员。我们可以利用CSS3的各种特性来完成非常炫酷实用的HTML5应用插件，方便前端开发者快速实现需要的功能。今天分享的10款最新HTML5 CSS3应用也许能激发你的灵感。1、HTML5环形音乐播放器，播放器外观非常酷今天我要分享一款外观更酷的H...
分类：
Web程序 时间：
2014-12-10 14:00:07
阅读次数：
143
我们在做js动画的时候，很多时候都需要做回调处理，如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等，但在使用CSS3动画时能不能捕获到运动的状态做回调处理呢？CSS3动画也是可以做回调处理的，这里分为两个属性，一个是transition[w3c文档]，另外一个是animation...
分类：
Web程序 时间：
2014-12-10 12:10:24
阅读次数：
162
鉴于自己看了好几次animation，都没有记住缩写时候的顺序，现在先放到这块备忘下animation-duration:动画时长animation-timing-funtion:元素根据时间的推进来改变属性值的变换速率 linear ease ;ease-in ease-out ease-in-o...
分类：
Web程序 时间：
2014-12-09 23:05:39
阅读次数：
234
今天学习了CSS3动画，涉及到的属性：@keyframes,animation,animation-duration,animation-name,animation-timing-function,animation-delay,animation-iteration-count,animatio...
分类：
Web程序 时间：
2014-12-09 22:46:52
阅读次数：
3131
Css： .spinner{ width:245px; height:245px; position:relative;}.coly{ border-radius:130px; font-size:19px; background:#333; border:10px solid #ecab1...
分类：
Web程序 时间：
2014-12-09 19:28:03
阅读次数：
523
See the Pen jEWpWm by kujian (@kujian) on CodePen. 1 .room-nav { 2 /* -webkit-animation:roomNavTranslate3d 2s linear infinite; */ 3 -moz...
分类：
Web程序 时间：
2014-12-09 17:41:00
阅读次数：
187
一下摘自MDN。因时间原因没能好好整理学习，先引用下来，有时间时再细细整理。background-size 设置背景图片大小。/* 关键字 */background-size: coverbackground-size: contain/* 一个值: 这个值指定图片的宽度，图片的高度隐式的为auto...
分类：
Web程序 时间：
2014-12-09 17:22:17
阅读次数：
227
通常要把一个容器分成三栏的话比较简便的方法是把三个字容器的 width 都设为33.3%，这种方法无法把父容器的宽度完全填充，在父容器的宽度足够大的时候留下的空白会是页面变得很不美观。利用css3盒子模型，这种问题将迎刃而解。 .content{ display:-web...
分类：
Web程序 时间：
2014-12-09 15:18:32
阅读次数：
227
css菜单演示产品介绍css3按钮产品一产品一产品一产品一产品一产品一服务介绍服务二服务二服务二服务二服务二服务二服务二服务二服务二成功案例案例三案例案例三案例三案例三案例三案例三关于我们我们四我们四我们四我们四111在线演示演示演示演示演示演示演示演示演示演示演示演示演示演示演示演示演示演示演示演...
分类：
Web程序 时间：
2014-12-09 15:18:20
阅读次数：
230
一、基本样式1.统一样式 说明了为什么使用Normalize，而不是Rest。2.基础设置 a.css和模型 其实就是讲了一个CSS3的新属性：box-sizing。作为一个技术不到位的人，真没看懂。自己查了下如下： box-sizing的3种属性取一即可 box-sizing:content-bo...
分类：
Web程序 时间：
2014-12-09 13:53:42
阅读次数：
310
