一个元素在不同的状态之间进行平滑的交换CSS3中使用transition属性实现过度效果一个简单的例子:img{background-image:url("img/1.jpg");}img:hover{transform:rotate(18…
文章转载自张鑫旭-鑫空间-鑫生活http://www.zhangxinxu.com/wordpress/原文链接:http://www.zhangxinxu.com/wordpress/?p=1268原文摘要:transition指过渡啦,…
网页布局的类型:固定宽度。不管浏览器窗口的宽度多大,网页内容的宽度始终保持不变。流式。流式设计采用百分比,它会根据浏览器的宽度(无论有多宽)自动进行调整。网页会随着访问者调整浏览器窗口的大小而变宽或变窄。响应式Web设计(Responsiv…
滚动条组成1::-webkit-scrollbar滚动条整体部分2::-webkit-scrollbar-thumb滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)3::-webkit-scrollba…
CSS3主要可以分为几个模块:边框和背景,渐变,文字特效,字体,2D/3D转换,动画(过渡动画和动画),选择器,盒模型,多列布局,用户界面。css3动画有2类:一种是transition的,另一种是@keyframes的。两者的区别就是,t…
@keyframesproBackAction{0%{opacity:1;}100%{opacity:.8;}}@keyframesproBackAction{0{opacity:1;}100%{opacity:.8;}}1.方案一:把0%…
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>原理:在用ie浏览时,使用chrome内核,如果没有安装chrome,则使用支持的最高版本的ie内核。
众所周知,IE8是不支持CSS3高级选择器的。CSS3高级选择器的确很强大,也非常有用,它可以大大简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。以为来自英国的网页开发工程师KeithClark开发了一个JavaS…
1.隐藏网页中的元素有几种方式?这些方法有什么区别?答案:三种方法.display:none;脱离文档流,不占页面空间,会改变页面布局。visivility:hidden;不会脱离文档流,不会改变页面布局,仍占页面空间。opacity:0;…
http://www.cnblogs.com/damonlan/archive/2012/04/23/2465569.html
在线预览地址:http://dtdxrk.github.io/game/css3-demo/drawbox.html用到两个属性:一个是动画时间transition-duration:0.8s;-moz-transition-duratio…
原理:当用户旋转屏幕的时候,会进入到你的监听方法中,然后通过window.orientation来获取当前屏幕的状态:0-竖屏90-逆时针旋转横屏-90-顺时针旋转横屏180-竖屏,上下颠倒如果你不希望用户使用横屏方式查看你的网页,你可以在…
但一个元素不设置height时,它的默认值是auto,浏览器会计算出实际的高度。但如果想给一个height:auto的块级元素的高度添加CSS3动画时,该怎么办呢?从MDN的可以查到CSS支持动画的属性中的height属性如下:height…