12.7学习笔记

1. 圆角
 border-radius: 100px；值越大，边角越圆滑，最后变成圆，指定一个值，四个角相同，可以分别指定四个角的值

2.hover可以给任何标签设置经过时的样式

 2D转换：

a:hover{

/* translate(水平、竖直)：移动*/               transform: translate(100px,100px)；从当前元素位置水平X轴与竖直Y轴移动
  /*过渡*/                                                   transition: transform 5s；（红色部分为过渡对象，后面是时间，多项改变过渡中间要用逗号分开）
 /*rotate(度数)：旋转 */                             transform: rotate(60deg)；
/*scale(宽倍数，高倍数)：放大缩小*/        transform: scale(2,2) ；  
}

3.overflow:hidden     隐藏，如照片大于背景图部分

4.3D转换

rotateX（）    rotateY(  )    分别对应沿X轴或Y轴转换