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