利用 navigator.mediaDevices.getUserMedia ，将视频流放入 video 标签的 src 中，再通过 canvas，以 video 对象为画布源，绘制最终拍照的图片。

效果展示 html部分 主要分为四部分 启动按钮 原始相机 自定义相机（重点） 上传提示 js部分 变量部分： 启动相机 openCamera：主要做了一些兼容与回退。 方案一：兼容 snapPhot

本文介绍了Lottie是什么，以及它的优势在哪里、在web端如果使用,。 里边有详尽的用法介绍，以及在vue中的实战用法.可以进来看看哟!

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么

这篇文章将通过简单的几行代码实现非常酷炫的 3D Parallax Hover Effects（以前锤子官网首页 Banner 的同款效果）。

通过本文，你能了解到 最基本的使用 CSS backdrop-filter 实现磨砂玻璃(毛玻璃)的效果 在至今不兼容 backdrop-filter 的 firefox 浏览器，如何利用一些技巧性的

背景：笔者在开发英语角中添加了比较多的毛玻璃效果，以及后续在开发晨读小程序、新年“奇思妙想”活动中遇到了这种效果，UI 也说后续可能会比较大量的使用这个效果，所以这里记录一下毛玻璃效果的实现以及踩坑记

🚀🚀 手摸手开发一个很 🔥 的卡片效果 最近掘金在大力推广扣子这个 AI 平台，可以看到它首页的卡片效果还是很酷炫的；大致包含两个效果，光的跟随效果还有卡片倾斜像 3D 的效果 github 在你没有

让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。 权重相同的，后写的样式会覆盖前面写的样式。 px (pixel，像素):相对长度单位。像素px是相对于显示器屏幕分辨率而言的 em(相对长度单位，相对于当前对象内文本的字体尺寸):em是相对长度单位…