Video with Box-Shadow

How to create a video with box-shadows:

Please note that this is an experiment and can be laggy or even freeze from time to time. Still working on the performances issues. Do not hesitate to ping me @LukyVj on twitter if you have any suggestions
  1. Activate your webcam ( click ON )
  2. Start the capture ( click RECORD )
  3. Recording length for 8 seconds
  4. Spice up your rendering with a background-color & blend-mode filter
  5. If needed, you can replay your video ( click Replay )
  6. If everything looks neat to you, click Generate CSS
  7. You can now export it to codepen, Enjoy!

Scene

Webcam

Facing mode:

Export to codepen.io

Or Grab the code

copy the html below

<div class="bxs-video-container"><div class="bxs-video" /></div>

Copy the CSS below:

// Click Generate CSS