畫出精品文章

• 

  前端每日實戰：76# 視頻演示如何用純 CSS 創作一組單元素辦公用品（內含2個視頻）

  ...r { content: ; position: absolute; box-sizing: border-box; } 畫出紙張的輪廓： .paper { width: 24em; height: 30em; color: skyblue; background-color: currentColor; border-radi...

  894974231 2019-08-02 10:54 評論0 收藏0
• 

  前端每日實戰：76# 視頻演示如何用純 CSS 創作一組單元素辦公用品（內含2個視頻）

  ...r { content: ; position: absolute; box-sizing: border-box; } 畫出紙張的輪廓： .paper { width: 24em; height: 30em; color: skyblue; background-color: currentColor; border-radi...

  aervon 2019-08-30 15:54 評論0 收藏0
• 

  前端每日實戰：141# 視頻演示如何用 CSS 的 Grid 布局創作一枚小狗郵票

  ....5em; background-color: tan; padding: 2em; margin-top: -1em; } 畫出小狗的頭部，跨第1列和第2列、第2行和第3行，是一個半圓形： .head { grid-column: 1 / 3; grid-row: 2 / 4; border-bottom-left-radius: calc(...

  yintaolaowanzi 2019-08-02 16:06 評論0 收藏0
• 

  前端每日實戰：141# 視頻演示如何用 CSS 的 Grid 布局創作一枚小狗郵票

  ....5em; background-color: tan; padding: 2em; margin-top: -1em; } 畫出小狗的頭部，跨第1列和第2列、第2行和第3行，是一個半圓形： .head { grid-column: 1 / 3; grid-row: 2 / 4; border-bottom-left-radius: calc(...

  Baoyuan 2019-08-30 15:54 評論0 收藏0
• 

  前端每日實戰：142# 視頻演示如何用 CSS 的 Grid 布局創作一枚小雞郵票

  ...em; background-color: wheat; padding: 2em; margin-top: -2em; } 畫出扇形的頭部： .head { grid-column: 4; grid-row: 2; background-color: burlywood; border-top-left-radius: 100%; }...

  piglei 2019-08-02 16:06 評論0 收藏0
• 

  前端每日實戰：142# 視頻演示如何用 CSS 的 Grid 布局創作一枚小雞郵票

  ...em; background-color: wheat; padding: 2em; margin-top: -2em; } 畫出扇形的頭部： .head { grid-column: 4; grid-row: 2; background-color: burlywood; border-top-left-radius: 100%; }...

  NicolasHe 2019-08-30 15:54 評論0 收藏0
• 

  前端每日實戰：151# 視頻演示如何用純 CSS 創作超能陸戰隊的大白

  ...人物分為 3 部分：頭、身體、腿，下面按照這個順序分別畫出，先畫頭部。定義 dom，容器 .baymax 表示大白，head 表示頭部： 居中顯示： body { margin: 0; height: 100vh; display: flex; align-items: center; justify-con....

  xcold 2019-08-29 16:52 評論0 收藏0
• 

  前端每日實戰：151# 視頻演示如何用純 CSS 創作超能陸戰隊的大白

  ...人物分為 3 部分：頭、身體、腿，下面按照這個順序分別畫出，先畫頭部。定義 dom，容器 .baymax 表示大白，head 表示頭部： 居中顯示： body { margin: 0; height: 100vh; display: flex; align-items: center; justify-con....

  LeanCloud 2019-08-02 11:38 評論0 收藏0
• 

  前端每日實戰：117# 視頻演示如何用純 CSS 創作一只憤怒小鳥中的紅火

  ...th: 12em; height: 11em; font-size: 16px; position: relative; } 畫出頭部輪廓，把描邊參數定義為變量，是因為后面還會用到： .red { --border: 0.2em solid #6a0306; } .head { width: inherit; height: inherit;...

  AWang 2019-08-29 16:29 評論0 收藏0
• 

  前端每日實戰：117# 視頻演示如何用純 CSS 創作一只憤怒小鳥中的紅火

  ...th: 12em; height: 11em; font-size: 16px; position: relative; } 畫出頭部輪廓，把描邊參數定義為變量，是因為后面還會用到： .red { --border: 0.2em solid #6a0306; } .head { width: inherit; height: inherit;...

  greatwhole 2019-08-02 11:19 評論0 收藏0