web前端-利用HTML和CSS样式编写旋转相册。
其中有一些2D和3D还有动画的使用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>旋转相册</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
list-style-type: none;
}
.main-box{
width: 300px;
height: 300px;
margin: 100px auto;
position: relative;
transform-style: preserve-3d;
/*animation: myLove 10s 1s infinte;*/
animation-name: myLove;