@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;//自定义根部元素的字体大小}…