CSS绘制图像和某些小基础+hack
自定义字体
@font-face{
font-family:名字;
src:url("字体的路径");
}
box-shadow:阴影 值 : 水平值 垂直值 模糊距离 颜色
过渡:transition
值: 属性名 时间 曲线 何时开始 (最少的可写一个时间)
转换:transform
2D:transform:rotate(0deg)
3D:transform:rotateX();
transform:rotateY();
transform:translated(x,y,z) z轴一般不用写
动画:animation
用@keyframes 动画名来定义
俩种方式
1.用from to
2.百分比
linear匀速 infinite 无限
Css3多列
column-count定义几个列
column-gap 定义列于列直接的差距
column-rule列之间的宽度样式和颜色
resize:both和overflow:auto一起才生效,拉扯边框
Refresh(刷新)
说明:自动刷新并指向新页面。
用法:
- <meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">
- content设置时间
- 有bug的情况下用hack
- 例子在ie下才会变红