Home Article Practice css

css

2020-04-02 22:03  views:524  source:e黑子    

@mediascreenand(max-width:1000px)
and(min-width:500px)print
screen电脑屏幕在1000到500之间使用
print打印机
background-attachment:fixed||local||scroll
fixed:此关键字表示背景相对于视口固定.即使一个元素拥有滚动机制,背景也不会随着元素的内容滚动.
local背景相对于元素的内容固定.如果一个元素拥有滚动机制,背景将会随着元素的内容滚动,并且背景的绘
制区域和定位区域是相对于可滚动的区域而不是包含他们的边框.
scroll:背景相对于元素本身固定,而不是随着它的内容滚动(对元素边框是有效的).
opacity:number
number:1为不透明越往下越透明
box-shadow:h-shadowv-shadowblurspreadcolorinset;
h-shadow:设置水平阴影的位置,允许负值;必需值,不可省略.
v-shadow:设置垂直阴影的位置,允许负值;必需值,不可省略.
blur:设置模糊距离;可选值,可省略.
spread:设置阴影的大小;可选值,可省略.
color:设置阴影的颜色;可选值,可省略.
inset:设置从外层的阴影(开始时)改变阴影内侧阴影;可选值,可省略.
filter:滤镜通常用于调整图像
cursor:变换鼠标样式
动画过渡
transition过渡
-property过渡属性
-duration 持续时间
-delay等待时间
-timing-function贝塞尔曲线
transform动画转换(脱离文档流)
translate(x,y)平移单位(px)
x轴x轴平移
y轴y轴平移
scale()缩放单位(number)数值大则放大反之变小
rotate()旋转x轴旋转单位(deg)
skew()扭曲
transform-stylepreserve-3d3d
perspective:px;透视距离
backface-visibility:hidden看不到背面



Disclaimer: The above articles are added by users themselves and are only for typing and communication purposes. They do not represent the views of this website, and this website does not assume any legal responsibility. This statement is hereby made! If there is any infringement of your rights, please contact us promptly to delete it.

字符:    改为:
去打字就可以设置个性皮肤啦!(O ^ ~ ^ O)