-
數(shù)組切割查看全部
-
replace可以連續(xù)使用查看全部
-
前端腳本技巧查看全部
-
在案例中用到的CSS3效果查看全部
-
<style> /* .warp{perspective:800px;-webkit-perspective:800px;} *//*元素距離試圖的距離*//*刪除無(wú)影響*/ .photo .photo_warp{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition: all 1s;-webkit-transition: all 1s;}/* 子元素保留其3D位置 *//*過(guò)渡*/ .photo .side{backface-visibility: hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}/*當(dāng)元素不面向屏幕時(shí)隱藏*/ /*反面在上旋轉(zhuǎn)180度呈現(xiàn)倒像不可見，正面在下旋轉(zhuǎn)0度呈現(xiàn)正像可見*/ .photo .side_front{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} .photo .side_back{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);} /*在正、反面已做3D動(dòng)作基礎(chǔ)之上再做變換*/ /* photo_front：整體旋轉(zhuǎn)0度，反面在上呈現(xiàn)倒像不可見，正面在下呈現(xiàn)正像且可見 */ .photo_front .photo_warp{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} /* photo_back：整體旋轉(zhuǎn)180度，反面在下呈現(xiàn)正像可見，正面在上呈現(xiàn)倒像不可見 */ .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>查看全部
-
請(qǐng)教： 怎么我弄的data.js中文成亂碼了！查看全部
-
VCD查看全部
-
controller控制查看全部
-
data部分查看全部
-
分解分解查看全部
-
view視覺分解查看全部
-
vcd分解查看全部
-
文件內(nèi)容2查看全部
-
文檔內(nèi)容查看全部
舉報(bào)
0/150
提交
取消