Tác giả lấy cảm hứng từ một dự án mang tên Lưu Chữ (The Lost Type Vietnam - #luuchu), tập. It contains a full arrangement of lower and capitalized letters, enormous scope of accentuation, numerals, and multilingual help. This font is designed and published by Font Fabric. But for now, we're going to focus on retro fonts. See more ideas about racing, fonts, design projects. The outline set on the containers will help us visualize the location and size of the videos when they are clipped.Streetwear fonts dafont. video-container video /* first video instance, and so on */ It must scale up and down, spanning the width of its parent container and keeping its intrinsic aspect ratio.

Here, the main task to fulfill is to make the video responsive. The Basic CSS to Position and Scale the Video

This will come in handy when we’ll spice up the basic demo with some visual effects. Then a container is wrapped around the element.

The playsinline attribute tries to disable the full-screen expansion of the video when it is played on some mobile devices.

The autoplay and muted attributes are used to allow the automatic video playback at page load on all devices and ensure it play without audio.

The loop attribute makes the video plays forever.

Then we add some attributes to customize the video playing behavior: Inside the tag we specify the URLs for the WebM and MP4 versions of the video, to support a broad range of browsers: Then we’ll add some eye candy by adding a few more features and demonstrate them with a couple additional demos. We’re going to get there by using the CSS clip-path property to clip the video against an SVG path defined within a element.įirst, we’ll cover the core concept.

The idea is to not only scale the video in size to fit the parent container (as video generally does), but scale the text as well, maintaining the size relationship between the type and underlying video. If you’re viewing in Safari, you might need to reference this comment to get things working right.Ī key objective here is to develop this responsively.

Inkscape font weight 100