day08

A今天学了什么

1.公共样式的提取

一般分为:base
page
common

2.css2d转换

transform:translate(x,y) rotate(30deg)
translate(x,y)   位移
该元素移动的位置,取决于宽度(x轴)和高度(y轴)
translate(x,y)x坐标方向移动的距离,y坐标方向移动的距离
rotate  旋转
scale(x,y)  缩放
该元素增加或减少的大小,取决于宽度和高度的参数
skew(x,y)   倾斜
x表示水平方向,y表示垂直方向
都要配合transform属性使用

3.transition 过渡

过渡(transition)配合hover使用
如:
div{transition:width 2s;}
div:hover{width:100px;}

B我掌握好的地方

2.css2d转换

transform:translate(x,y) rotate(30deg)
translate(x,y)   位移
该元素移动的位置,取决于宽度(x轴)和高度(y轴)
translate(x,y)x坐标方向移动的距离,y坐标方向移动的距离
rotate  旋转
scale(x,y)  缩放
该元素增加或减少的大小,取决于宽度和高度的参数
skew(x,y)   倾斜
x表示水平方向,y表示垂直方向
都要配合transform属性使用

3.transition 过渡

过渡(transition)配合hover使用
如:
div{transition:width 2s;}
div:hover{width:100px;}

#C我掌握不好的地方
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、公共样式的提取 2、CSS2d 的转换 例子: 2.1translate位移 2.2rotate旋转 2.3 ...
    陈梦晴阅读 2,675评论 1 1
  • A我今天学了什么 1.公共样式的提取 2.css2d转换 3.transition过渡 B今天掌握了什么 1.公共...
    相信自己_胡阅读 1,315评论 0 0
  • A我今天学到了什么 垂直水平居中的3种方法 1.用transform垂直水平居中 2.用position水平居中 ...
    孔子曰_f425阅读 2,472评论 1 0
  • A我今天学习到了什么 1温习day07的知识点 1.实现一个下拉菜单//运用知识点float,position 2...
    尘榆骡厌阅读 1,387评论 0 0
  • 1,今天我学会了 1.公共样式的提取 2.css2d转换 配合transform属性使用 2.1translate...
    613桑阅读 2,732评论 0 0

友情链接更多精彩内容