持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第13天，点击查看活动详情 前言 最近一直在做css 的专栏文章，突发奇想弄个动画玩玩吧。弄着弄着就想着，这个动画效果是不是还可以

前不久，在网上看到这么一张非常有趣的图： 想必很多同学都看到这张图，是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。 其最终效果大致如下： 原完整代码在这里：Night && Day Tog

一个包含云朵，星星，太阳，月亮，小飞机，太空熊等元素的夜间模式切换开关效果，如此与众不同的交互设计效果你不来看看吗

今天要实现的效果如图所示，核心CSS代码不到10行，仅一个img元素无伪元素，鼠标悬停是图片卡片会有3D翻转的效果，且动画过程中还带有发光的效果。