Travis build: 130 [FORCED]
This commit is contained in:
@ -7,11 +7,11 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the
|
||||
```html
|
||||
<div class="container">
|
||||
<p><em>Click the button below to enter the element into fullscreen mode. </em></p>
|
||||
<div class="element" id="element">
|
||||
<p>I change color in fullscreen mode!</p>
|
||||
</div>
|
||||
<br>
|
||||
<button onclick="var el = document.getElementById('element'); el.requestFullscreen();">Go Full Screen!</button>
|
||||
<div class="element" id="element"><p>I change color in fullscreen mode!</p></div>
|
||||
<br />
|
||||
<button onclick="var el = document.getElementById('element'); el.requestFullscreen();">
|
||||
Go Full Screen!
|
||||
</button>
|
||||
</div>
|
||||
```
|
||||
|
||||
@ -19,31 +19,31 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the
|
||||
|
||||
```css
|
||||
.container {
|
||||
margin: 40px auto;
|
||||
max-width: 700px;
|
||||
margin: 40px auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.element {
|
||||
padding: 20px;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background-color: skyblue;
|
||||
padding: 20px;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background-color: skyblue;
|
||||
}
|
||||
|
||||
.element p {
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 3em;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.element:-ms-fullscreen p {
|
||||
visibility: visible;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.element:fullscreen {
|
||||
background-color: #e4708a;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #e4708a;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
```
|
||||
|
||||
@ -57,7 +57,7 @@ The :fullscreen CSS pseudo-class represents an element that's displayed when the
|
||||
|
||||
<span class="snippet__support-note">83.38</span>
|
||||
|
||||
* https://developer.mozilla.org/en-US/docs/Web/CSS/:fullscreen
|
||||
* https://caniuse.com/#feat=fullscreen
|
||||
- https://developer.mozilla.org/en-US/docs/Web/CSS/:fullscreen
|
||||
- https://caniuse.com/#feat=fullscreen
|
||||
|
||||
<!-- tags: visual -->
|
||||
|
||||
Reference in New Issue
Block a user