1 border-radius的其他用法
border-radius:10px/10px'; /前面代表x /后面代表y
2 transition 开始运动 transitionend 运动结束(运动结束时间只能用时间绑定addEventListener添加)
注意: 多个值运动,transitionend触发多次
3 animation
animate.css 现成css动画 https://daneden.github.io/animate.css/
物体身上添加class: animated bounceOutRight (animated每一个都加)4 颜色模式:a). red,blue b). #399 √ c). rgb(255,255,0) d). rgba(255,0,0,1) 背景透明、文字不透明: a). 定位,多个层 b). rgba() rgba应用场景,只要有颜色地方都能用5阴影: 块阴影: box-shadow:5px 5px 5px red; box-shadow:5px 5px 5px 5px red; 扩展 box-shadow:[inset] 5px 5px 5px [5px] red向内 []可选的意思
6 重复渐变background:-webkit-repeating-linear-gradient(45deg,#000 0px, #000 10px, #fff 10px, #fff 20px )7倒影: * 标签为块或者行内块 -webkit-box-reflect: 方向 距离 渐变(线性) 方向: 下方——below 上方——above 左方——left 右方——right 距离: 10px8