我下载了个css,因为java基础不是很好,不知道如何写js引用 css代码如下: .clock { overflow:hidden; float: left; -webkit-perspective:1000px; -moz-perspective:1000px; -ms-perspective:1000px; -o-perspective:1000px; perspective:1000px; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d;} .unit { float:left; position:relative; height:129px; overflow:visible; } .top, .btm { overflow:hidden; position:absolute; } .unit span { text-align:center; position:absolute; } .top { background:#ddd; border-bottom:1px solid #999; border-radius:10px 10px 0 0; top:0; -webkit-transform-origin:bottom; -ms-transform-origin:bottom; -moz-transform-origin:bottom; -o-transform-origin:bottom; transform-origin:bottom; } .btm {background:#eee; border-radius:0 0 10px 10px; -webkit-transform-origin:top; -ms-transform-origin:top; -moz-transform-origin:top; -o-transform-origin:top; transform-origin:top;} #hour, #munite{ width:128px; margin:16px 8px; } #hour .top,#hour .btm,#munite .btm, #munite .top{ height:64px; width:128px; } #hour .btm, #munite .btm{ top:65px; } #hour span, #munite span{ font:96px/128px Tahoma, Geneva, sans-serif; width:128px; } #hour .btm span, #munite .btm span{ top:-64px; } #second{ width:64px; margin:80px 8px 8px 8px; } #second .top,#second .btm{ height:32px; width:64px; } #second .btm{ top:33px; } #second span{ font:48px/64px Tahoma, Geneva, sans-serif; width:64px; } #second .btm span{ top:-32px; } 编辑于 2018-3-16 13:46 编辑于 2018-3-16 13:48 |
最佳回答 |
||||
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|
|||
0
|
|