Aui-core结合css实现左右三维旋转时钟效果代码
代码语言:html
所属分类:布局界面
代码描述:Aui-core结合css实现左右三维旋转时钟效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin:0; padding:0; list-style-type:none; } body { background:#232323; overflow:hidden; } /* shadow */ #shadow { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background:-webkit-radial-gradient(center center , 50% 50%, #666, #232323 ); background:-moz-radial-gradient(center center , 150px 50px, #cfcfcf, #232323 ); background:-ms-radial-gradient(center center , 150px 50px, #cfcfcf, #232323 ); background:-o-radial-gradient(center center , 150px 50px, #cfcfcf, #232323 ); background:radial-gradient(center center , 150px 50px, #cfcfcf, #232323 ); -webkit-transform:perspective(1000px) rotateX(0deg) rotateY(0deg); -moz-transform:perspective(1000px) rotateX(0deg) rotateY(0deg); -ms-transform:perspective(1000px) rotateX(0deg) rotateY(0deg); -o-transform:perspective(1000px) .........完整代码请登录后点击上方下载按钮下载查看
网友评论0