3D相册,拖拽旋转

最新推荐文章于 2024-04-27 12:35:23 发布

威士忌荡出の忧伤

最新推荐文章于 2024-04-27 12:35:23 发布

阅读量1.5k

点赞数 3

文章标签： 3D相册相册拖拽旋转

本文链接：https://blog.csdn.net/qq_16503045/article/details/83546144

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css3+3D相册</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
* {
   margin:0;
   padding:0;
   font-size:0;
}
html,body {
   width:100%;
   height:100%;
   display:flex;
   display:-webkit-flex;
   background:-webkit-radial-gradient(#490338 10%,#000);
   perspective:900px;
   overflow:hidden;
}
#album {
   width:133px;
   height:200px;
   margin:auto;
   position:relative;
   transform-style:preserve-3d;
   transform:rotateX(-20deg);
}
#album img {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   /* 反射倒影距离下面5px */

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

威士忌荡出の忧伤

关注关注

3
点赞
踩
13

收藏

觉得还不错? 一键收藏
9
评论
3D相册,拖拽旋转

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;css3+3D相册&lt;/title&gt;&lt;script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&amp
复制链接

扫一扫