css中每60秒旋转6度

html-css014

css中每60秒旋转6度,第1张

<div class="a"></div> .a { 

    width: 10px

    height: 100px

    background: red

   -webkit-animation: btnRotate 60s linear infinite

}

@-webkit-keyframes btnRotate {

0% {

    -webkit-transform: rotateZ(0deg)

    }

100% {

    -webkit-transform: rotateZ(6deg)

    }

}

图片小,div大,css是不能撑大的,如果是html还可以<img src="a.jpg" width="60" height="60" alt="" />不过这样如果图片比例不一样,可能会变形

css只能用3种平铺的方式填满div,如果你的图片不是要这样的效果这个方法就不行,那你只能在ps里等比例放大图像了

如果是图片大,div小,可以用平铺定位的方式做

进入设置里,自定义css模块

登陆的你的主页

是登陆不是打开,知道不

把地址拦里的替换成这个

http://hi.baidu.com/shadowzx/modify/spcss/5ddd7109bd356ccf3bc7638f.css

找到

#header 主体部分{height:89pxbackground:#3399CC}

#tabline TAB菜单下方的横线{top:89pxbackground-color:#FFFFFF}

#tab TAB菜单主体{top:67pxbackground:url(temp1/tabbg.gif) repeat-x}

把height:89px;top:89px等当然可能不是89px有可能是100px改改数值

预览看合适就行了

要是加分我会很乐意手把手教你