@keyframesproBackAction{0%{opacity:1;}100%{opacity:.8;}}@keyframesproBackAction{0{opacity:1;}100%{opacity:.8;}}1.方案一:把0%…
<!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:red;position:relative;a…
css3书写的时候,有时需要加上前缀,比如“-webkit-*、-moz-*”等等,但可能会写的不完整或者是写错,也很麻烦,那么autoprefixer可以处理这些。autoprefixer是一个后处理程序,不象Sass以及Stylus之类…
remvhvwvminvmax做为CSS3中的新单位,其实都出来挺久的了,这篇文章将总结并理解下它们。rem如果你给body设置了font-size字体大小,那么body的任何子元素的1em就是等于body设置的font-sizebody{…
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title><style>body…
border-radius:CSS3圆角语法:border-radius:25px;椭圆边角:语法-border-radius:xx%;或者15px/100px;box-shadow:CSS3盒阴影语法:box-shadow:5px5px1…
初版用css3来实现弹幕确实比较简单,只需要设置动画让弹幕从屏幕右侧移动到屏幕左侧即可,一开始是这样实现的.danmu{position:fixed;left:100%;animation:danmu5slinear0s1;}@keyfra…
1.HTML5新元素HTML5提供了新的元素来创建更好的页面结构:标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本,使其脱离其父元素的文本…
动画动画(animation)是CSS3中具有颠覆性的特征之一,可以通过设置多个节点来精确控制一个或者一组动画。通常用来实现复杂的动画效果相比较过度,动画可以实现更多变化,更多控制,连续自动播放等效果。1.1动画的基本使用1.先定义动画2.…
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Document</title><style>#…
-webkit-box-ordinal-group:2;1。。。布局优先显示display:-webkit-box;盒子-webkit-box-orient:horizontal;显示方式-webkit-box-flex:1;盒子多少显示,…
css3pie使用方法:<!doctypehtml><html><head><metacharset="UTF-8"><title>Document</title>&l…
http://blog.csdn.net/freshlover/article/details/7610269
jQueryMobile:学习http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html百度CDN:http://cdn.code.baidu.com/jQuaryMobile…
1.1认识HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等…