首頁 > web前端 > css教學 > 主體

專案擴充卡 - 我的&#Projects in Days&#旅程

WBOY
發布: 2024-08-22 08:32:06
原創
1037 人瀏覽過

Project Expanding Cards - My

這是項目 1 / 50 展示,來自課程“50 天的 50 個項目”,儘管我在過去 50 天(或者稍微多一點!)內完成了所有項目! ),我想以我的方式去做,我的意思是抓住專案的主要想法或主要概念並正確理解它,看到它的優點、缺點,甚至將其提升到一個新的水平。

在這個專案中,主要想法是創建許多可在單擊時展開的卡片(或面板),就這麼簡單,但我在這裡還需要實現大量其他內容,例如:

  • 使用 Popover API 展開面板,而不是按一下滑鼠。
  • 從 Unsplash API 取得影像。
  • 使面板與滑鼠移動互動。
  • 使用 webkit-box-reflect 在每個面板下方添加反射。
  • 為每個面板添加彩色陰影(使用 SVG 濾鏡)。

實現這些東西後,這個項目進入了一個新的水平,在美觀的同時顯示了簡單中的複雜性,也許我將來可以應用顏色採樣功能! 。

我想聽聽您的意見、建議、想法,也別忘了按讚和追蹤。

我 50 天旅程中的 50 個項目的倉庫
在 Twitter 上聯絡我
在 Linkedin 上聯絡我

以上是專案擴充卡 - 我的&#Projects in Days&#旅程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!