摘要： 利用background position和animation制作逐帧动画，成品如下： html里面只要写一个元素就够了，动画我们把图片添加成背景做，再让背景在元素内移动。我用了一个整合图片，7个片段 加关键帧。因为有7个片段，我添加了八个状态。注意，100%状态那里不能在84%的基础上再递增。因为 阅读全文

摘要： 今天案例的灵感来自于下图： 这次没有仿着做这个案例，我只是做了一下翻牌效果，成品如下 html代码 css样式 backface visibility不能放在div:nth child(2)反面中，需放在div中，不然转的时候会看到正面 阅读全文

摘要： 今天给大家分享一个立方体制作小案例，成品如下： html代码 css代码。想象你手上托举有6本书，试着移动下，怎么样才能让六个面组成一个立方体呢？ 正方体里面的花是section的背景图。section其实是处在“把正方体平均分成上下两层的那个隔板那里。宽高等同于6个面的宽高，设置的是背景色透明，所 阅读全文