DEV Community
·
漂浮的猫与3D立方体
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
作者通过CSS动画为项目增添互动元素，制作了一个漂浮的猫和一个动态立方体，立方体的每个面展示即将到来的活动，用户可通过单选按钮互动。虽然在小屏幕上效果不佳，但在大屏幕上运行正常。
🎯
关键要点
- 作者通过CSS动画为项目增添互动元素，制作了一个漂浮的猫。
- 使用AI制作猫的图像，并在Illustrator中手动提取背景。
- 猫的动画使用了CSS的orbit效果，使其看起来像在漂浮。
- 作者创建了一个动态立方体，展示即将到来的活动。
- 用户可以通过单选按钮与立方体互动，每个按钮显示不同的立方体面。
- 在大屏幕上效果良好，但在小屏幕上效果不佳。
- 作者希望找到更优雅的解决方案来处理小屏幕的显示问题。
➡️
