2D转换总结：
transform: 值
值：
translate 移动
rotate 旋转
scale 缩放
skew 斜切
移动：可以水平垂直分别移动 translateX translateY translate(x,y)
移动取值可以是像素 百分比 百分比参照的是自身的盒子的宽高 可以配合绝对定位实现水平垂直居中
移动是移动至
旋转：沿着某个点旋转 这个点可以控制 --- transform-origin: 控制中心点
旋转的单位是deg
缩放：缩放的倍数 没有单位 直接是数值 可以单个方向控制 scaleX scaleY
斜切：斜切的是角度
网页设计开发之CSS的各种效果的练习作业.rar
需积分: 0 143 浏览量
2023-04-05
21:41:16
上传
评论
收藏 468KB RAR 举报
网页设计开发之CSS的各种效果的练习作业.rar （43个子文件） 
网页设计开发之CSS的练习作业 
01-多重背景.html 464B 04-盒子阴影.html 637B 06-滑动门技术.html 2KB 13-移动是移动至某一个点.html 850B 16-鼠标以上图片放大特效.html 601B 19-多个2D共存的情况.html 751B 03-背景缩放.html 943B 15-缩放.html 531B
18-2D转换总结.txt 601B 11-泡泡小按钮.html 997B 10-背景位置也可以实现过渡.html 386B 07-内减模式.html 901B 17-斜切.html 395B 12-2D转换之移动.html 999B 08-过渡.html 783B 网页设计开发之CSS的练习作业.txt 39B 05-文字阴影.html 433B 09-商品偏移过渡.html 891B images 
qipao-left.png 4KB
jd.jpg 39KB
iphone.webp 4KB qipao-right_03.png 2KB lzl.jpg 8KB qipao-center03_03.png 1KB 未标题-1.jpg 20KB
search_post.gif 5KB musict.jpg 35KB daziran.jpg 26KB timg.jpg 40KB meizi.jpg 18KB 5.jpg 75KB gx.jpg 34KB jd.webp 4KB paopao.png 123KB musicb.jpg 29KB feiji.webp 2KB shouji.webp 8KB 气泡.jpg 23KB jd.png 8KB guang.png 2KB phone.webp 5KB 14-旋转.html 555B 02-背景图片的起始点.html 568B资源评论
