<!DOCTYPE html> <html lang="en" class="loading"> <head> <meta charset="utf-8"> <title>CSS3 3D人物画像</title> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" user-scalable="yes"> <link rel="stylesheet" href="css/reset.min.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main> <section> <div class="instructions"> <div class="move-mouse"> <img src="mouse-icon.svg" class="mouse-icon" alt="Mouse Icon" /> <span>Move Mouse</span> </div> <div class="move-device"> <img src="mobile-icon.svg" class="mobile-icon" alt="Mobile Icon" /> <span>Tilt Device</span> </div> </div> <div class="container"> <div class="build-layers"> <div class="build-1"></div> <div class="build-2"></div> <div class="build-3"></div> <div class="build-4"></div> <div class="build-5"></div> </div> <div class="parallax-layers"> <div class="face-1"></div> <div class="face-2"></div> <div class="face-3"> <div></div> </div> <div class="face-4"></div> <div class="face-5"></div> <div class="face-6"></div> </div> <div class="splatter"></div> </div> </section> </main> <script src='js/jquery.min.js'></script> <script src="js/index.js"></script> </body> </html>
CSS3 3D人物画像
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论