HTML5情人節禮物2(女友3D相簿)

2021-10-02 17:14:12 字數 3064 閱讀 5762

簡簡單單最表心意,乙個翻轉的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白金材質飾以...