@keyframesproBackAction{0%{opacity:1;}100%{opacity:.8;}}@keyframesproBackAction{0{opacity:1;}100%{opacity:.8;}}1.方案一：把0%…
为什么使用Modernizr使用炫酷新颖的web技术是一件很有趣的事情，但你不得不面对落后的浏览器。Modernizr使你可以方便地为各种情况编写JavaScript和CSS，无论浏览器是否支持这些特性。这是处理渐进增强的完美方案。工作原理…
这两天在做个集团网站，web前端妹子技术水平不咋样，写个web和wap真够费劲的，对之前流行的H5和css3响应式看来不太会用，扔给我一个半成品~~·非说各种canvas和border-radius等写出的效果在IE下不兼容，作为一个装逼者…
<!DOCTYPEhtml><html><head><style>#div1{position:relative;height:200px;width:200px;margin:100px;p…
border-radius:CSS3圆角语法：border-radius：25px;椭圆边角：语法-border-radius：xx%;或者15px/100px;box-shadow:CSS3盒阴影语法：box-shadow：5px5px1…
动画动画(animation)是CSS3中具有颠覆性的特征之一，可以通过设置多个节点来精确控制一个或者一组动画。通常用来实现复杂的动画效果相比较过度，动画可以实现更多变化，更多控制，连续自动播放等效果。1.1动画的基本使用1.先定义动画2.…
<!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:red;position:relative;a…
说明：resize属性是指定一个元素是否可由用户调整大小的。语法：resize:none|both|horizontal|verticalnone：用户不可一调整元素的尺寸（默认值）both:用户可调整元素的高度和宽度horizontal：…
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Title</title><style>body…
1.HTML5新元素HTML5提供了新的元素来创建更好的页面结构：标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本，使其脱离其父元素的文本…
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><ti…
box-shadow浏览器支持IE9+、Firefox4、Chrome、Opera以及Safari5.1.1支持box-shadow属性。语法box-shadow:h-shadowv-shadowblurspreadcolorinset;注…
1、特效border-radius:圆角box-shadow/text-shadow:阴影-webkit-gradient:渐变background-orign:用来决定background-position计算的参考位置。backgrou…
☆☆☆rem和css3的相关知识点☆☆☆一、Webfront-enddevelopmentengineerrem是根据页面的根元素的font-size的一个相对的单位，即html{font-size:16px;//自定义根部元素的字体大小}…