第一步
在桌面建立乙個資料夾。資料夾裡面再建立乙個資料夾img(裡面放**)，兩個文字（乙個是用來放css原始碼，乙個放html原始碼）
第二步 把下面css原始碼複製到style.txt文字中
@charset "utf-8";
*body
li.box
.minbox
.minbox li
.minbox li:nth-child(1)
.minbox li:nth-child(1) img
.minbox li:nth-child(2) img
.minbox li:nth-child(3) img
.minbox li:nth-child(4) img
.minbox li:nth-child(5) img
.minbox li:nth-child(6) img
.minbox li:nth-child(2)
.minbox li:nth-child(3)
.minbox li:nth-child(4)
.minbox li:nth-child(5)
.minbox li:nth-child(6)
.maxbox li:nth-child(1)
.maxbox li:nth-child(2)
.maxbox li:nth-child(3)
.maxbox li:nth-child(4)
.maxbox li:nth-child(5)
.maxbox li:nth-child(6)
.maxbox
.maxbox li
.maxbox li:nth-child(1)
.maxbox li:nth-child(1) img
.maxbox li:nth-child(2) img
.maxbox li:nth-child(3) img
.maxbox li:nth-child(4) img
.maxbox li:nth-child(5) img
.maxbox li:nth-child(6) img
.maxbox li:nth-child(2)
.maxbox li:nth-child(3)
.maxbox li:nth-child(4)
.maxbox li:nth-child(5)
.maxbox li:nth-child(6)
.box:hover ol li:nth-child(1)
.box:hover ol li:nth-child(2)
.box:hover ol li:nth-child(3)
.box:hover ol li:nth-child(4)
.box:hover ol li:nth-child(5)
.box:hover ol li:nth-child(6)
@keyframes move
100%
}
12張比例必須一樣，我用的比例是1:1，名字，格式還有上**倒一定要一樣
第五步 把style.txt格式改為css,把傻哈哈.txt格式改為html,然後雙擊開啟傻哈哈執行
結果
3d相簿彈出效果02
在3d 相簿基本的布局完成之後，接下來需要完成的是滑鼠拖拽的效果。描述 滑鼠向右移動，整個相簿跟隨滑鼠旋轉，向下移動時，整個相簿的視角向下傾斜。主要涉及到滑鼠按下，移動和抬起三個事件 滑鼠按下事件 document mousedown function e 滑鼠移動事件 this mousemove...
使用html css js實現3D相簿
使用html css js實現3d相簿，快來上傳的 吧 效果圖 如下，複製即可用 doctype html html lang en head meta charset utf 8 title title title style html,body box di z p style head bod...
3D旋轉帶倒影相簿
利用css3以及一些簡單的js邏輯，實現乙個可拖拽的3d拖拽旋轉帶倒影相簿 相簿的邏輯部分是基於jquery實現的，先看一下效果圖，出生動畫為捲簾式，可以對相簿進行3d無死角拖拽旋轉?來自網路，別當真 頁面資源載入完畢初始化的旋轉終點 相對螢幕的高度，設定每張的動畫延遲，達到一種捲簾式展開的效果。涉...