一 天气卡片
提示词:🎉大家测试一下这个天气卡片提示
你是一位就职于苹果公司的顶级前端工程师。请创建一个包含CSS和JavaScript的HTML文件,用于生成动画天气卡片。卡片需要以不同动画效果直观展示以下天气状况:
风力(如:飘动的云朵、摇曳的树木或风线)
降雨(如:下落的雨滴、形成的水洼)
晴天(如:闪耀的光线、明亮的背景)
下雪(如:飘落的雪花、积雪效果)
所有天气卡片需要并排显示,背景采用深色设计。所有HTML、CSS和JavaScript代码都需包含在这个单一文件中。JavaScript部分需包含切换不同天气状态的功能(例如通过函数或按钮组),以演示每种天气的动画效果。
将前端显示效果优化得更精致流畅,打造出价值20元/月的精品天气应用既视感。
效果:

[推广] [抽奖-固态硬盘] --聊聊 AI Agent 与移动编程,附福利互动!(第二轮二次推广)
[程序员] 我终于可以骄傲地说:直接从源码分析出程序完整的数据流向图谱,现在成为可能了!
二 红绿色盲
题干部分:
有一天,一个女孩参加数学考试只得了 38 分。她心里对父亲的惩罚充满恐惧,于是偷偷把分数改成了 88 分。她的父亲看到试卷后,怒发冲冠,狠狠地给了她一巴掌,怒吼道:“你这 8 怎么一半是绿的一半是红的,你以为我是傻子吗?”女孩被打后,委屈地哭了起来,什么也没说。 过了一会儿,父亲突然崩溃了 问题:
没看出来说是
三 SVG植物生长动画
Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever.
倒是能晃然而没有枝干了
代码 (点击了解更多详细信息)
佬们想测啥快来说说,有空都会测的
10 个帖子 - 8 位参与者