-
数组切割查看全部
-
replace可以连续使用查看全部
-
前端脚本技巧查看全部
-
在案例中用到的CSS3效果查看全部
-
<style> /* .warp{perspective:800px;-webkit-perspective:800px;} *//*元素距离试图的距离*//*删除无影响*/ .photo .photo_warp{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition: all 1s;-webkit-transition: all 1s;}/* 子元素保留其3D位置 *//*过渡*/ .photo .side{backface-visibility: hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}/*当元素不面向屏幕时隐藏*/ /*反面在上旋转180度呈现倒像不可见，正面在下旋转0度呈现正像可见*/ .photo .side_front{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} .photo .side_back{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} /*在正、反面已做3D动作基础之上再做变换*/ /* photo_front：整体旋转0度，反面在上呈现倒像不可见，正面在下呈现正像且可见 */ .photo_front .photo_warp{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} /* photo_back：整体旋转180度，反面在下呈现正像可见，正面在上呈现倒像不可见 */ .photo_back .photo_warp{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} </style>查看全部
-
<style> *{padding:0;margin:0} body{background: #fff;font-size: 14px;font-family: "微软雅黑";} .warp{width: 100%;height: 600px;position: absolute;top: 50%;margin-top: -300px;background: #333;} .photo{width: 260px;height: 320px;position: absolute;z-index: 1;box-shadow: 0 0 1px rgba(0,0,0,0.01);} .photo_center{top: 50%;left: 50%;margin: -160px 0px 0px -130px;z-index: 999;} .photo_warp{width: 100%;height: 100%;position: absolute;} .photo .side{width: 100%;height: 100%;background: #eee;position: absolute;top:0px;left: 0px;padding:5px;box-sizing:border-box;} .photo .side_front .image{width: 100%;height: 270px;line-height: 250px;overflow: hidden;} .photo .side_front .image img{width: 100%;height: auto;} .photo .side_front .caption{text-align: center;font-size: 16px;line-height: 50px;} .photo .side_back .info{background: #f1f1f1;line-height: 1.5em;color: #666;} </style>查看全部
-
请教： 怎么我弄的data.js中文成乱码了！查看全部
-
VCD查看全部
-
controller控制查看全部
-
data部分查看全部
-
分解分解查看全部
-
view视觉分解查看全部
-
vcd分解查看全部
-
文件内容2查看全部
-
文档内容查看全部
举报
0/150
提交
取消