1. 程式人生 > >暑假菜鳥學記---html/css

暑假菜鳥學記---html/css

html、css 、菜鳥求學

今天學習的是如何使用div盒子模型做一個具有多邊形旋轉放大的一個基礎特效頁面。

技術分享

需求分析:1、多邊形如何生成;使用css3中的transform屬性對元素進行旋轉

2、使用background:rgba設置半透明屬性

所遇到的問題:1、樣式圖片不能位於中間?解決方案采用自適應布局將top left right buttom都設置為零外邊距margin設為auto。

2、如何解決中間排列四個上下排列五個的問題。解決方案:div盒子的排列方式是一排排橫向排滿然後換行,這樣的話排列應該是5 5 4 。解決方式在第六個盒子前面加上一定的像素寬度。這樣中間一列就只能擺下四個盒子。

技術分享

技術分享

技術分享

暑假菜鳥學記---html/css