前言 作为一名有多年开发经验的前端技术开发人员， 我最爱的还是用前端技术实现各种炫酷的特效，对于我来说，CSS3不仅仅是一种样式语言，更是一种表达情感、对美好事物追求的一种体现吧， 虽然每天要沉浸在代

之前做过一篇推文，运用了一些svg小动画，效果如下：（动图比较长，了解交互请跳转查看） 以下为设计思路： 一、前期准备 Adobe Illustrator(AI软件) 一个好用的代码编辑器 谷歌浏览器

礼物特效是直播间及语聊房中很常见的增值玩法，用户对玩法的多样性需求也在不断地增加。近期业务上期望能够参考抖音实现定制跑车特效，通过个性化的选配最终送出形式各样的礼物，从而满足用户独一无二及炫耀的心理

技术栈：vue3 + element-plus + Recorder 实现了以下功能： 长按录音，松开发送 上滑至一定位置取消 音频blob转成base64格式 录音音频下载 模拟音频声波的动画

由于本人最近在做一些 growth hacking 的工作，业务上以后可能也会涉及去做一些能够在朋友圈火爆分享的 H5 页面，突然想到去年看到一个网易娱乐年度新闻盘点的 H5 页面非常的新颖，采用画中画的形式依次串联十多个手绘娱乐图片，加上洗脑的“好运来”音乐，让人有很大的分享…

大家好，我是 Steven。 苹果网站向来是前端学习的好途径，最新发布的 iPhone 12 的产品介绍网页上就有一个文字渐入效果，这次我们会介绍这个效果是如何实现的。 打开 CodePen 编辑器，先在 HTML 的部份加入一个标题。 然后就可以专注在 CSS 的部份，加入 …

本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

最近想更改一下博客首页的布局样式，添加几个侧栏，就去看了看常见的布局方式，什么「双飞翼布局」「圣杯布局」也就两侧固定中间自适应的三栏布局方案。不过我之前一直都是用的 Flex 布局，Flex 布局是不是也可以做到呢，网上搜索一番，代码如下： Google 搜索出来的结果也都是说…