开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第4天，点击查看活动详情 前言 最近看见一个拖拽效果的视频，看好多人评论说跟着敲也没效果，还有就是作者也不回复大家提出的一些疑问，本

不知各位朋友现在在web端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以了，而现在我们需要通过拼图的验证才能成功登录

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

摇动的时候，有骰子翻转摇动的效果； 骰子转动停止后，显示出摇中的数字那一面，并有立体感； 骰子摇动过程中有音乐。

使用color: transparent将文字颜色设置为透明， background-clip: text设置背景根据文字形状裁剪，最后设置渐变背景即可完成渐变彩虹文字🌈

👏transform-style+transform实现多个小方块，速速来Get吧~ 🥇文末分享源代