翻牌动画
点击翻牌
8篇文章 · 0订阅
  • 7个div完成翻牌小动画
    FLIP 说起FLIP动画, 首次接触它是在vue官方文档中讲过渡动画的时候, 一开始只是觉得可能只是一个前端的动画库, 类似aimate.js, 实则不然, FLIP只是以下单词的首字母 First
    前端
    7个div完成翻牌小动画
  • turn-lucky翻牌抽奖
    前段时间公司需要搞个抽奖活动，按照产品要求就写了个翻牌抽奖。最近抽空封装成翻牌抽奖的插件turn-lucky
    Vue.js
  • 2025新春版：干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
    数字翻牌的典范教学，从原理学起，涵盖多个关键知识点。Javascript、React、Vue版本任你挑选！
    JavaScript React.js Vue.js
    2025新春版：干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
  • 纯CSS实现随机翻牌效果之 steps 妙用
    翻牌是大家很熟悉的一个互动效果，通常在抽奖活动中出现。那么不借助 JavaScript 是否能够实现随机翻牌效果？翻牌效果肯定是没有问题，CSS 没有随机函数，今天就来分享一个另类的交互实现思路。
    CSS 前端
    纯CSS实现随机翻牌效果之 steps 妙用
  • CSS实现翻牌效果
    翻牌动效话不多说，请看代码：
    CSS
  • CSS3实现3D翻牌效果
    在实现这个效果之前，我们需要先理解一下css3中的perspective、transform-style、backface-visibility这三个属性值。 w3school上给perspective 的定义为： 3D 元素距视图的距离，可以简单理解成观察者和物体之间的距离。…
    CSS 前端
  • 一个翻牌抽奖的前端demo
    一个用于抽奖的翻牌demo，从react改版成原生代码，有兴趣的小伙伴可以参考参考， 直接上代码： `
    前端
  • animation: 翻牌子
    backface-visibility 属性定义当元素不面向屏幕时是否可见。
    CSS