随身笔记

博客

  • 日语浊辅音

    日语浊辅音

  • jquery 图片列表滚动

    pic_scro

     

    jquery图片无缝滚动代码左右上下无缝滚动图片

    演示

  • CSS3 background-size图片自适应高度

    background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain ；

    这 个属性有2个可选值，第1个值用于指定背景图的宽width，第2个值用于指定背景图的高height，如果只设定1个值，则第2个值默认为自动 auto。这两个值可取数字（单位为px）也可以取百分比，当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的 位置决定，当然还可以通过cover和contain来对图片进行伸缩。

    cover：用于等比放大背景图

    contain：用于等比缩小背景图(背景图需大于块，否则背景图仍会被放大以适应块)

    auto：默认值

    size2

     

    size1

     

    size3

     

    size4

  • css3边框美化

    css3边框美化属性有3种：

    • border-radius
    • box-shadow

    div { border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */ }

    div { box-shadow: 10px 10px 5px #888888; }

  • css3 transform:rotate()控制元素成角度旋转

    关键词：角度 旋转 css3

    xuanzhuan

    div#div2
    {
    margin-left:10px;
    transform:rotate(30deg);
    -ms-transform:rotate(30deg); /* IE 9 */
    -moz-transform:rotate(30deg); /* Firefox */
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
    -o-transform:rotate(30deg); /* Opera */
    }