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(刷新) 
说明:自动刷新并指向新页面。 
用法:

Html代码  收藏代码
    1. <meta http-equiv="Refresh" content="2;URL=http://www.net.cn/">  
  1. content设置时间
  2.  

  3. 有bug的情况下用hack
  4.  

     

  5. 例子在ie下才会变红
posted @ 2017-07-16 19:46  YD帅宰  阅读(101)  评论(0编辑  收藏  举报