鋼鐵俠頭盔在螢幕內放大發光，在縮小變暗。
效果圖：
不斷來畫變化
然後我們再來怎麼編寫吧：
html：主要有div盒子通過相對定位和絕對定位布局組合而成
"box2"
>
"box_1"
>
div>
"box_2"
>
div>
"box_3"
>
"mi_1"
>
div>
"mi_2"
>
div>
div>
"box-4"
>
div>
"box-5"
>
div>
"box_6"
>
div>
"eye_1"
>
div>
"eye_2"
>
div>
"bot_1"
>
div>
"bot_2"
>
div>
"bot_3"
>
div>
"bot_4"
>
div>
"bot_5"
>
div>
div>
css部分：
主要有設計到邊框的的應用，盒子陰影，css3動畫
組合而成。
1.通過boder-radius設定頭盔外邊框的弧度，同時也可以用這個方法話頭部的2個角和2個眼睛。
2.講外面的盒子設定為相對定位，你面的元素設定為絕對定位
子絕父相，便於操作
2.transform講開始的大小設定為原來的0.5倍。
3.通過animation為該盒子設定關鍵幀動畫，在一定時間內倍數變 大,背景顏色變紅。
4.通過邊框的將其他方位的背景顏色設為透明色。就畫出了兩邊的三角。
5.嘴巴可以通過transform的旋轉屬性將高度小的盒子通過相對定位進行拼接。
6.最左下和右下部分的尖角弧度，也是通過邊框來縮小的，只給di設定高度不設定寬度，在影藏另外的兩個角就完成了這個尖角的繪製。
7.眼睛和外邊框同時關鍵幀動畫新增邊框陰影，形成發紅光的效果。
#box2
div[id*="box_"]
#box_1
#box_2
div[id*="box-"]
#box_3
#box-4
#box-5
#box_6
/* 眼睛 */
div[id*="eye"]
#eye_1
#eye_2
/* 嘴 */
div[id*="bot"]
#bot_1
#bot_2
#bot_3
#bot_4
#bot_5
/* 中部 */
#box2 #mi_1
#box2 #mi_2
@keyframes run
100%
}
矽谷鋼鐵俠 筆記
矽谷鋼鐵俠 所謂的中國網際網路大佬們，竟然都推崇埃隆.馬克斯啊！通過他們的推薦，我感覺這就是侏儒對巨人的崇拜啊！讓我有種錯覺，原來這幫所謂的大佬也不過如此啊！哥們，碾碎他們，不要讓它們在國內裝x，有點所謂的成就就好似人上人一般！時至今日，如果過了而立之年。在很多時候，我們需要知道別人的經歷，但是更多...
《矽谷鋼鐵俠》聽書筆記
埃隆 馬斯克翻轉了全球 他是唯一乙個能讓發射器發射再返航的人類，他讓谷歌創始人自願把財產給他，只因為相信他能改變世界。馬斯克童年和大多數天才兒童是一樣的，都很不幸福。他從小就屬於那種非常內向的型別，不善交際不愛說話，總是沉浸在自己的世界裡，每天看10個小時的書。他是程式設計師出身，先是建立了乙個類似...
矽谷鋼鐵俠 讀書筆記
書單 魯肅的分享，他認為未來10年阿里就缺埃隆馬斯克這種人，聰明 執著 極致 創新。看完本書給人第一感覺是，馬斯克是跟賈伯斯一類的人，都有顛覆某個行業的雄心和野心，也都是一類非常奇怪的人群。他的人生開啟於非洲，他非常從小聰明 喜歡看書，小學就看完了圖書館和學校的書，因為懂得太多，身邊的小朋友並不喜歡...