HTML隐藏显示:无;form type=”hidden”宽高设置为0 height:0;width:0;祖先元素被隐藏或在页面之外 marginVisibility:hidden;不透明度:0;box-shadowbox-shadow:02px5px0rgba(0,0,0,0.26);box-shadow:h-shadowv-shadowblurspreadcolorinset/outset;defaultoutsettransitiontransition:all#所有属性都会得到过渡效果。property#定义一个应用转场效果的CSS属性名列表,列表之间用逗号隔开effectinear#指定从开始到结束的速度相同Transitioneffectease#指定开始缓慢,然后变快,然后缓慢结束的过渡效果ease-in#指定从慢速开始的过渡效果ease-out#指定以慢速结束的转场效果ease-in-out#指定以慢速开始和结束的转场效果transition-delay#定义转场效果何时开始。transform-origin:x轴y轴z轴;#设置旋转中心过渡:box-shadow0.2scubic-bezier(0.4,0,0.2,1);转换延迟:0.2s;transition:属性durationtiming-functiondelay;animationanimation-nameanimation-duration/*duration*/animation-timing-function:linear|轻松|缓入|缓出|ease-in-outanimation-delay/*延迟时间*/animation-iteration-countanimation-direction:normal|动画填充模式:无|forwards/*当动画完成后,保持最后一个属性值*/|向后|bothanimation-play-state:paused|running.in{z-index:999;显示:块;-webkit-animation:in-charlie.75sease-outforwards.25s;-moz-动画:in-charlie.75sease-outforwards.25s;-o-动画:in-charlie.75sease-outforwards.25s;动画:in-charlie.75sease-outforwards.25s;opacity:0;}@-webkit-keyframesin-charlie{0%{-webkit-transform:translate3d(0,150px,0);不透明度:0;}100%{-webkit-transform:translate3d(0,0,0);不透明度:1;}}@-moz-keyframesin-charlie{0%{-moz-transform:translate3d(0,150px,0);不透明度:0;}100%{-moz-transform:translate3d(0,0,0);不透明度:1;}}@-o-keyframesin-charlie{0%{-o-transform:translate3d(0,150px,0);不透明度:0;}100%{-o-transform:translate3d(0,0,0);不透明度:1;}}@keyframesin-charlie{0%{-webkit-transform:translate3d(0,150px,0);-moz-transform:translate3d(0,150px,0);-o-transform:translate3d(0,150px,0);转换:translate3d(0,150px,0);不透明度:0;}100%{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);转换:translate3d(0,0,0);不透明度:1;}}transform{transform: scale3d(x,y,z)/*放大*/ translate3d(x,y,z)/*位置*/ rotate3d(x,y,z,angle)/*旋转*/ skew(x-angle,y-angle)/*倾斜*/ transition-property/*规定设置过渡效果的CSS属性的名称*/}input-placeholder:-moz-placeholder{/*MozillaFirefox4到18*/color:#f00;}::-moz-placeholder{/*MozillaFirefox19+*/color:#f00;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#f00;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#f00;}gradientbackground-image:linear-gradienthttps://developer.mozilla.org...<代码类="language-css">
背景:linear-gradient(top,#ccc,#000);
radial-gradient(center,ellipsecover,#5170ad0%,#355493100%)
background-image:radial-gradient(椭圆最远-角在45px45px,#00FFFF0%,rgba(0,0,255,0)50%,#0000FF95%);背景图像:径向渐变(16px在60px50%,#0000000%,#00000014px,rgba(0,0,0,0.3)18px,rgba(0,0,0,0)19px);
