当前位置: 首页 > Web前端 > CSS

CSS3注释

时间:2023-03-30 15:13:28 CSS

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">背景线性渐变(向右,红色,橙色,黄色,green,blue,indigo,violet);
背景:linear-gradient(top,#ccc,#000);背景:radial-gradient(red,yellow,rgb(30,144,255));
      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);背景:repeating-linear-gradient(到左上角,红色,红色5px,白色5px,白色10px);-webkit-touch-callout-webkit-touch-callout:无;#在iOS上,当你长按触摸目标,比如一个链接,Safari会显示与该链接关联的系统默认菜单。此属性允许您禁用系统默认菜单。-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba(0,0,0,0);#点击链接背景颜色user-select-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;#禁止用户选择文字或图片,内容过滤https:///www.w3cplus.com/css3/...https://developer.mozilla.org...-webkit-box-reflect下面|以上|左|right::-webkit-scrollbarbackground-clip:border-box;//背景延伸到边框的外边缘(但在边框之下)background-clip:padding-box;//边框下方没有背景,即背景延伸到padding的外边缘。背景剪辑:内容框;//背景剪辑到内容框的外边缘。default(初始),inheritance(继承)