电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

基本CSS知识点大全VIP免费

基本CSS知识点大全_第1页
1/6
基本CSS知识点大全_第2页
2/6
基本CSS知识点大全_第3页
3/6
1 / 6 Transform:rotateX/rotateY/rotateZ(360deg);deg 为角度值;元素绕x,y,z 轴旋转 360 度;rotate(20deg)元素顺时针旋转20 度(以左下角为轴);rotate3d(x,y,z,angle)定义 3d 转换;注:括号中的值均可为负值;Transform:translate(50px,100px);元素右移 50 像素,下移 100 像素;translateX()、translateY()、 translateZ()元素沿 x 轴, y 轴, z 轴变动;Transform: scale(); scale(2,4) 把宽度转换为原始尺寸的2 倍,把高度转换为原始高度的4 倍。scale3d(x,y,z)定义 3d缩放;scaleX(2)、scaleY(2)、scaleZ(2)、沿 x,y,z 放大两倍;Transform:skew();skew(30deg,20deg) 围绕 X 轴把元素翻转30 度,围 绕Y 轴 翻 转20 度 。 skew(x-angle,y-angle) 、 skewX(angle) 、skewY(angle),沿着 x,y 倾斜转换;Transform:mrtrix();matrix(0.866,0.5,-0.5,0.866,0,0) 使用 matrix 方法将元素旋转30 度; Animation :动画名称完成时间速度曲线开始时刻(默认 0) 播放次数(默认 1);Transition:property duration timing-function delay; transition:width 2s linear 3s;事件触发后 3 秒,宽度匀速变化2 秒;下面是速度曲线图:linear 规定以相同速度开始至结束的过渡效果(等于cubic-bezier(0,0,1,1))。ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。ease-in 规定以慢速开始的过渡效果(等于cubic-bezier(0.42,0,1,1))。ease-out 规定以慢速结束的过渡效果(等于cubic-bezier(0,0,0.58,1))。ease-in-out 规定以慢速开始和结束的过渡效果(等于cubic-bezier(0.42,0,0.58,1))。2 / 6 cubic-bezier(n,n, n, n) 在 cubic-bezier 函数中定义自己的值。可能的值是0 至 1 之间的数值。Box-orient : 子元素横向排列box-orient:horizontal; 子元素纵向排列box-orient:horizontal; Box-pack:横向排列时子元素从起始位置对齐box-pack:start; 横向排列时子元素居中对齐box-pack:center; 横向排列时子元素从结束位置对齐box-pack:end; 横向排列时子元素两端对齐box-pack:justify; 纵向排列也一样。box-flex: 使用浮点数指定对象所分配其父元素剩余空间的比例。box-direction:normal | reverse,normal:设置弹性盒模型对象的子元素按正常顺序排列; reverse:反...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

基本CSS知识点大全

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部