css做簡單的愛心跳動特效

製作愛心跳動特效 設計思路: 首先通過一個div來做愛心的主題部分並設置寬高背景色,旋轉角度 通過對僞元素before和after設置愛心的上半部分 用絕對定位設置僞元素的位置 通過設置僞元素的圓角邊框最終成爲愛心的形狀 通過css動畫設置旋轉角度,改變大小,最終有跳動的效果 製作過程 1、 首先對div設置寬高背景色, 用margin使它位於屏幕水平居中,可以更好的觀察效果 用transform
相關文章
相關標籤/搜索