摘要： select{outline: none;text-indent: 10px;height: 45px;line-height: 45px;width: 100%;border:1px solid #c0c3c8;border-radius: 5px;display: inline-block;fo... 阅读全文

摘要： 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3... 阅读全文

摘要： animation-play-state：css:.play-state{ -webkit-animation:f1 2s 0.5s infinite linear forwards alternate; -moz-animation:f1 2s 0.5s infinite line... 阅读全文

摘要： animation-fill-mode:none：默认值。不设置对象动画之外的状态forwards：结束后保持动画结束时的状态，但当animation-direction为0，则动画不执行，持续保持动画开始时的状态backwards：结束后返回动画开始时的状态both：结束后可遵循forwards和... 阅读全文

摘要： 使用max-width @media screen and (max-width:600px){//你的样式放在这里....}使用min-width @media screen and (min-width:900px){//你的样式放在这里...}max-width和min-width... 阅读全文

摘要： body{ margin:0;} #wrapper{ height: 300px; overflow: hidden; } .left{ width: 200px; height: 100%; background: red; float: left; } .rig... 阅读全文

摘要： 方法一:body{ margin: 0;}.container{ height: 300px; overflow: hidden;}.left{ width: 200px; height: 300px; background: red; position: absolute; left:0; top... 阅读全文

摘要： animation:animation-name | animation-duration | animation-timing-function | animation-delay | animation-iteration-cout | animation-direction | a... 阅读全文

摘要： Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。Transiti... 阅读全文

摘要： transform的属性包括：rotate() / skew() / scale() / translate() /matrix()其中 rotate() 旋转度数，0-360 skew() 元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数 translate()元素从其... 阅读全文