加入我們最新的前端挑戰：萬聖節版🦇

我們又帶著新一輪前端挑戰回來了，這次融入了萬聖節的氣氛！ 🎃👻

「前端挑戰：萬聖節版」將持續到11 月 9 日，邀請您透過令人毛骨悚然的創造力展示您的前端技能。

無論您是 CSS 奇才、JavaScript 魔法師，還是介於兩者之間，這次挑戰都是建立有趣事物和磨練技能的絕佳機會。

我們希望您嘗試！

提示

{％卡％}

CSS 藝術：萬聖節

主要使用 CSS 創作藝術作品！讓萬聖節激發你的靈感——南瓜燈、鬼屋、恐怖蜘蛛，或任何與萬聖節相關的元素！

{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20frontendchallenge%2 C%20devchallenge%2C%20css%0A---%0A%0A_This%20is%20a%20submission%20for%20%5BFrontend%20Challen ge%20-%20Halloween%20Edition%2C%20CSS%20Art%5D(https%3A%2F%2Fdev.to%2Fchallenges%2Ffrontend-20 25-10-15)._%0A%0A%23%23%20Inspiration%0A%3C!--%20What%20Halloween%20theme%20inspired%20your%20C SS%20art%3F%20--%3E%0A%0A%23%23%20Demo%20%0A%3C!--%20向我們展示您的%20CSS%20Art!%2 0您可以使用%3A%20嵌入您的%20專案--%3E%0A%3C!--%20Google%20Cloud%20Run%3A%20%60%7B%25%20嵌入cloud_run_link%20%25%7D%60%20--%3E%0A%3C!--%20CodePen%3A%20%60%7B%25%20co depen%20https%3A%2F%2F...%20%25%7D%60%20--%3E%0A%3C!--%20或分享您的專案圖片直接連結到現場演示。 --%3E%0A%0A%23%23%20旅程！ --告訴我們您的過程，您學到了什麼，您是其中的一員非常自豪於您希望接下來做的事情等等--%3E%0A%0A%3C!--%20團隊提交的作品請挑選一位成員來發布並創作通過在帖子正文中直接列出團隊成員的開發者用戶名來做到這一點。 --%3E%0A%0A%3C!--%20我們鼓勵您考慮新增許可證0for%20your%20code.%20--%3E%0A%0A%3C!--%20不要忘記將封面圖片加入您的貼文中（如果您願意）。 %20--%3E%0A%0A%3C!--%20感謝您的參與！ %20--%3E %}

CSS 藝術作品提交連結

{% endcta %}

注意：我們現在允許在 CSS 藝術作品中少量使用 JavaScript！不過，評審仍將主要關注 CSS 元件，因此請盡量使用簡潔且有針對性的 JavaScript。作品的亮點仍然在於你的 CSS 技能。

{% 結束卡 %}

{％卡％}

完美著陸：萬聖節

打造一個精緻實用的萬聖節主題落地頁。它可以是萬聖節歷史課、虛構產品、萬聖節活動，或任何你能想到的，只要它能抓住節日的精髓，並展現出優秀的前端基礎知識即可。

{% cta https://dev.to/new?prefill=---%0Atitle%3A%20%0Apublished%3A%20%0Atags%3A%20devchallenge%2C%20fron tendchallenge%2C%20webdev%2C%20javascript%0A---%0A%0A_This%20is%20a%20submission%20for%20%5BFronte nd%20Challenge%20-%20Halloween%20Edition%2C%20Perfect%20Landing%5D(https%3A%2F%2Fdev.to%2Fchallenges%2Ffrontend-2025-10-15)_%0A%2Fchallenges%2Ffrontend-2025-10-15)_%0A%0A%23%23%我建造了什麼！ --告訴我們你的登陸頁面和您選擇的萬聖節主題。 --%3E%0A%0A%23%23%20演示%0A%3C！ --%20向我們展示您的專案！您可以使用%3A%20嵌入您的專案--%3E%0A%3C！ --%2 0Google%20Cloud%20Run%3A%20%60%7B%25%20embed%20cloud_run_link%20%25%7D%60%20--%3E%0A%3C!--%20CodeP en%3A%20%60%7B%25%20codepen%20https%3A%2F%2F...%20%25%7D%60%20--%3E%0A%3C!--%20Or%20share%20an%20i將您的專案與現場演示直接連結在一起。 --%3E%0A%0A%23%23%20旅程！ --告訴我們您的過程中您學到了什麼。您尤其為自己接下來希望做的事情感到自豪等等--%3E%0A%0A%3C!--%20團隊投稿%3A%20請選擇一位成員發布您的投稿通過在帖子正文中直接列出他們的開發者用戶名來給予隊友們榮譽。 --%3E%0A%0A%3C!--%20我們鼓勵您考慮新增一個為您的程式碼加入封面圖片。 --%3E%0A%0A%3C！ --%20不要忘記將封面圖片加入到您的貼文中（如果您願意）。 --%3E%0A%0A%3C！ --%20感謝您的參與！ --%3E %}

完美的登陸提交模板

{% endcta %}

注意：您現在可以在 Perfect Landing 提交中使用 JavaScript、TypeScript、Dart、WebAssembly 或任何其他相容瀏覽器的語言/執行時間！向我們展示現代 Web 開發的強大功能。

{% 結束卡 %}