簡簡單單最表心意,乙個翻轉的3d方塊相簿,有外6張**,內6張**。
首先是html
<
!doctype html>
"utf-8" />
"viewport" content=
"width=device-width, initial-scale=1" />
3d相簿
"_blank" />
"stylesheet" href=
"./sourses/3d相簿.css" />
"hovertreeinfo"
>
"border:3 double #987cb9" width=
"80%" color=
#987cb9 size=3>
因為有你,世界變得美麗;
因為有你,生活有了意義;
因為有你,一切都是甜蜜。
女某某,情人節快樂!
"border:3 double #987cb9" width=
"80%" color=
#987cb9 size=3>
"color: red"
>tips:滑鼠觸碰下方方塊有驚喜!
"text"
>情人節快樂
"wrap"
>
"cube"
>
"out_front"
>
"./sourses/pictures/女1.jpg" class=
"pic" />
<
!-- 外前 -->
"out_back"
>
"./sourses/pictures/女2.jpg" class=
"pic" />
<
!-- //外後 -->
"out_left"
>
"./sourses/pictures/女3.jpg" class=
"pic" />
<
!-- //外左 -->
"out_right"
>
"./sourses/pictures/女4.jpg" class=
"pic" />
<
!-- //外右 -->
"out_top"
>
"./sourses/pictures/女5.jpg" class=
"pic" />
<
!-- 外上 -->
"out_bottom"
>
"./sourses/pictures/女6.jpg" class=
"pic" />
<
!-- 外下 -->
<
!--小正方體 -->
"in_front"
>
"./sourses/pictures/男1.jpg" class=
"in_pic" />
<
!-- //內前 -->
"in_back"
>
"./sourses/pictures/男2.jpg" class=
"in_pic" />
<
!-- //內後 -->
"in_left"
>
"./sourses/pictures/男3.jpg" class=
"in_pic" />
<
!-- 內左 -->
"in_right"
>
"./sourses/pictures/男4.jpg" class=
"in_pic" />
<
!-- 內右 -->
"in_top"
>
"./sourses/pictures/男5.jpg" class=
"in_pic" />
<
!-- 內上 -->
"in_bottom"
>
"./sourses/pictures/男6.jpg" class=
"in_pic" />
<
!-- 內下 -->
"./sourses/nigel silin - sakura tears.***" allow =
"autoplay" hidden />
<
!-- **檔案的路徑 -->
然後是css
html
h2.sy
/*最外層容器樣式*/
.wrap
/*包裹所有容器樣式*/
.cube
@-webkit-keyframes rotate
to}.cube div
/*定義所有樣式*/
.pic
.cube .out_front
.cube .out_back
.cube .out_left
.cube .out_right
.cube .out_top
.cube .out_bottom
/*定義小正方體樣式
by 何問起
*/.cube span
.cube .in_pic
.cube .in_front
.cube .in_back
.cube .in_left
.cube .in_right
.cube .in_top
.cube .in_bottom
/*滑鼠移入後樣式*/
.cube:hover .out_front
.cube:hover .out_back
.cube:hover .out_left
.cube:hover .out_right
.cube:hover .out_top
.cube:hover .out_bottom
.hovertreeinfo
.text
@keyframes masked-animation
100%
}
提取碼:d3vi 情人節禮物送男友什麼合適,情人節禮物男生推薦
情人節禮物送男友什麼合適,情人節禮物男生推薦 咳咳,聰明的小夥伴已經在準備情人節禮物了。送家人 送伴侶 送自己,既想不落俗套,又想經濟適用,還要戳中小心心。係數我曾經送過的禮物 小到髮飾耳環,大到手機 pad 相機,每次過節等於 過劫 不過,我現在可是絲毫不愁 但是,看到很多些小朋友不會挑禮物?別擔...
給電腦的情人節禮物
他是我生活中的無聲英雄,每個晚上我一定花點時間跟他黏在一起,有時候午休時間也會找他跟朋友一起嘮嗑。無論我做什麼事情,他都支援我,而且被要求實時 一次處理數百萬件不同事情也毫無怨言。所以啦,在情人節這天,我要對他表示感謝。謝謝你,我的親密夥伴 忠實的計算機。情人節這天,要怎麼向計算機表達愛意呢?送玫瑰...
愛情是門藝術 Piaget伯爵情人節禮物
伯爵偏心造型項鍊 18k白金 心形粉紅色珍珠母貝飾以46顆美鑽 約0.36克拉 ref.g33l680 伯爵偏心造型手鍊 18k白金 心形粉紅色珍珠母貝及縞瑪瑙飾以30顆美鑽 約0.18克拉 ref.g36l3919 limelight love letter伯爵情書造型神秘腕表 18k白金材質飾以...