diff options
Diffstat (limited to '_posts/2018-04-16-css-video-backgrounds.md')
| -rw-r--r-- | _posts/2018-04-16-css-video-backgrounds.md | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/_posts/2018-04-16-css-video-backgrounds.md b/_posts/2018-04-16-css-video-backgrounds.md deleted file mode 100644 index 17c6115..0000000 --- a/_posts/2018-04-16-css-video-backgrounds.md +++ /dev/null @@ -1,33 +0,0 @@ ---- -layout: post -title: "CSS Video Backgrounds" -date: 2018-04-16 ---- - - -With the release of Safari 11.1 on macOS and Safari on iOS 11.3, developers now have the ability to support background videos (mp4 support only - at the time of this article) with pure CSS. - -Example: - - - .video-background { - background-image: url('path-to-video.mp4); - } - - -## See it in action - -Check out the very basic CodePen I created below to see it live (make sure you view it in latest Safari or else you won't see anything :P) - -<a href="https://codepen.io/bradleytaunt/pen/JLgrag/">CSS Video Background (Safari Only)</a> - -You can read up on all the new features implemented in 11.1 Safari here: - -[New WebKit Features in Safari 11.1](https://webkit.org/blog/8216/new-webkit-features-in-safari-11-1/) - - - - - - - |