Html
    Css
    Js

    
                        
body {
	background-color:#999;
}
.bg {
	height:800px;
}
.d1 {
	margin:0 auto;
	margin-top:150px;
	width:400px;
	height:400px;
	transition-duration:0.5s;
}
.taiji {
	width:300px;
	height:300px;
	background-color:black;
	position:absolute;
	top:200px;
	left:540px;
	margin:0 auto;
	border-radius:200px 200px;
	transition-duration:5s;
}
.tr {
	width:150px;
	height:300px;
	background-color:white;
	border-radius:200px 0 0 200px;
	transition-duration:5s;
}
.trr {
	width:150px;
	height:150px;
	border-radius:200px 200px 200px 200px;
	position:relative;
	left:80px;
	background-color:white;
}
.trr1 {
	bottom;
	background-color:black;
}
.trr2 {
	top:50px;
	left:50px;
	width:40px;
	height:40px;
	background-color:black;
}
.trr3 {
	background-color:white;
}
.d1:hover {
	background-color:#999;
	/*transition:50px 50px;
	*/
	/*transform:scaleX(2);
	*/
}
.taiji:hover {
	transform:scale(2.5) rotate(180deg);
	opacity:0.05;
}
.tr:hover {
	color:white;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

太极(原创)

中国传统玄学文化太极的特效变化,试用与神秘向网站。

0