diff --git a/index.html b/index.html index 9b5e2b6..fea0cda 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,13 @@ list-style: none; } + hr { + max-width: 300px; + border: 0; + border-bottom: 1px solid #f6f6f6; + opacity: .5; + } + .buttons { position: fixed; display: table; @@ -75,6 +82,7 @@ document.getElementsByClassName('active')[0].className = 'button'; document.getElementById(id).className = 'button active'; + // ------ Relevant code below ----- // var contain = new ContainElement({ id: 'video', height: '720', @@ -85,6 +93,7 @@ window.onresize = contain.update; screen.addEventListener('orientationchange', contain.update); + // ----- Relevant code above ----- // } window.onload = function() { @@ -96,12 +105,21 @@
- A JavaScript plugin to contain an element within its parent element + A JavaScript plugin to contain an element within its parent element.
+ +
+
+ The video in the background is the example.
+
Change the positioning below and resize your browser to compare.
+
+