-
位移translate(50px,50px):横向移动50px,纵向移动50px; transform:translate(-50%,-50%); 这里的百分比值是元素本身的宽高的百分比查看全部
-
color:rgba([0-255],[0-255],[0-255],透明度【0-1】);查看全部
-
缩放scale() 根据中心原点对对象进行缩放。默认的值1,0.01到0.99之间的任何值,使一个元素缩小;而任何大于或等于1.01的值,让元素显得更大。查看全部
-
扭曲skew() skew(30deg)水平扭曲30度 skew(0,30deg)垂直扭曲30度 skew(30deg,15deg)水平扭曲30度,同时垂直扭曲15度查看全部
-
transform:rotate(30deg);顺时针旋转30度查看全部
-
box-shadow: x(必须) y(必须) 模糊半径(可选) 拓展半径(可选) 颜色(默认黑色) 方式(默认为outset); 如果要添加多个阴影 只需要用逗号隔开查看全部
-
“:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0。也就是说,参数n的值为0时,选择器将选择不到任何匹配的元素。 关键词(odd、even) odd奇数、even 偶数查看全部
-
当父元素下的子元素都是同一类型时,使用 first-child、last-child、nth-child(); 当父元素下的子元素不是同一类型时,使用 first-of-type、nth-of-type()查看全部
-
根选择器 结构性伪类选择器—root查看全部
-
根伪类 :root{...}等同于html{}查看全部
-
background-size: auto | <长度值> | <百分比> | cover | contain <百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值 是图片所在的元素尺寸的百分比 ,不是图片尺寸的百分比查看全部
-
linear-gradient(to bottom,#fff,#999) 第一个参数指定渐变方向,默认为“180deg”,等同于“to bottom”,也可以为表示“角”的关键词。0度表示渐变方向从下向上,90度表示从左向右,180度表示从上向下,270度表示从右向左。与之一一对应的关键词为to top、to right、to bottom和to left。除此之外,还可以使用“top left”左上角到右下角、“top right”右上角到左下角等。查看全部
-
border-image 不太好理解查看全部
-
-webkit-border-方向-colors:颜色值 颜色值 颜色值.....; -moz-border-方向-colors:颜色值 颜色值 颜色值....; border-方向-colors:颜色值 颜色值 颜色值....;查看全部
-
各浏览器私有前缀 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
举报
0/150
提交
取消