呀呀呀，感觉好久没有更新文章了，闲暇之余，复盘了一下主流的抽奖效果实现，并且封装了一个工具类便于后期使用，这里借此机会分享给大家。

基本是用CSS实现的，没有用图片，加一丢丢JS。完全没有考虑兼容性。 效果如下，配色什么的不要在意，可能比较丑。。。 然后写抽奖指针的小箭头，用CSS画三角形是一个比较常见的问题，通过设置width和height为0，然后用border实现。 如图，矩形是由四个三角形边框组成的…

实现原理 运用了 CSS3 的 rotate 动画效果，由后端返回奖品id，前端转动转盘并使指针最终指向对应的奖品区域，形成随机抽奖的视觉效果。

前言  之前的文章有写过九宫格抽奖功能【 Vue3实现九宫格抽奖功能 】， 有兴趣的可以看一看给个赞啥的，今天我们看看如何实现一个转盘抽奖功能。  之前公司也写过转盘抽奖功能，实现流程大概是设计师出个

vue中使用turn.js 利用官方网站下载源码，使用源码，需要先在webpack引入jquery......

可视化大屏项目使用最多的组件就是数字组件，展示数据的一个变化，为了提高视觉效果，需要给数字增加一个滚动效果，实现一个数字到另一个数字逐步递增的滚动动画。

这是css揭秘系列文章的第十三篇，本篇主要介绍使用css可以实现的过渡与动画。包括闪烁效果、打字动画以及状态平滑的动画。

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…