abstrak：小效果制作的要點： 1、享八折小方塊的定位 用絕對定位的方法來實現(xiàn)，方法：position:absolute;top: left:, 注意絕對定位的元素父元素一定要做相對定位，position:relative; 2、家電板塊中的每個小塊有一個橙色矩形在鼠標指針指上時有個上升出現(xiàn)的動畫效果，用css3來實現(xiàn)，方法是： 01 先在 style 樣式中定義一個功

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

代碼太長就不貼上了

Guru membetulkan：天蓬老師Masa pembetulan：2019-01-27 09:04:01
Rumusan guru：對定位的元素父元素一定要做相對定位，position:relative;, 其實父級塊用絕對定位也是可以的, 只要有定位屬性就可以