????：小效果制作的要點(diǎn)： 1、享八折小方塊的定位 用絕對(duì)定位的方法來(lái)實(shí)現(xiàn)，方法：position:absolute;top: left:, 注意絕對(duì)定位的元素父元素一定要做相對(duì)定位，position:relative; 2、家電板塊中的每個(gè)小塊有一個(gè)橙色矩形在鼠標(biāo)指針指上時(shí)有個(gè)上升出現(xiàn)的動(dòng)畫(huà)效果，用css3來(lái)實(shí)現(xiàn)，方法是： 01 先在 style 樣式中定義一個(gè)功

小效果制作的要點(diǎn)：
1、享八折小方塊的定位
用絕對(duì)定位的方法來(lái)實(shí)現(xiàn)，方法：position:absolute;top: left:,
注意絕對(duì)定位的元素父元素一定要做相對(duì)定位，position:relative;
2、家電板塊中的每個(gè)小塊有一個(gè)橙色矩形在鼠標(biāo)指針指上時(shí)有個(gè)上升出現(xiàn)的動(dòng)畫(huà)效果，用css3來(lái)實(shí)現(xiàn)，方法是：
01 先在 style 樣式中定義一個(gè)功能
@keyframes move{
                   From{}
                   To{}
}
02 讓相應(yīng)的元素調(diào)用該動(dòng)畫(huà)功能，從而實(shí)現(xiàn)動(dòng)畫(huà)
Div{
                   Animation: move 1s......
}
01 @keyframes 是 C3 中提供的定義動(dòng)畫(huà)功能的關(guān)鍵字。
02 move 是我們自已定義的動(dòng)畫(huà)名稱(chēng)
03 from 里設(shè)置的是該動(dòng)畫(huà)的開(kāi)始狀態(tài)，to 里設(shè)置的是該動(dòng)畫(huà)的目標(biāo)狀態(tài)。

代碼太長(zhǎng)就不貼上了

?? ???：天蓬老師?? ??：2019-01-27 09:04:01
???? ??：對(duì)定位的元素父元素一定要做相對(duì)定位，position:relative;, 其實(shí)父級(jí)塊用絕對(duì)定位也是可以的, 只要有定位屬性就可以