document .backface-visibility and update comments and initial value

This commit is contained in:
Mark Otto 2012-03-28 18:25:27 -07:00
parent feccc6e705
commit 04baa07547
4 changed files with 18 additions and 6 deletions

Binary file not shown.

View File

@ -870,6 +870,11 @@
<td><code>@select</code></td>
<td>Control cursor selection of text on a page</td>
</tr>
<tr>
<td><code>.backface-visibility()</code></td>
<td><code>@visibility: visible</code></td>
<td>Prevent flickering of content when using CSS 3D transforms</td>
</tr>
<tr>
<td><code>.resizable()</code></td>
<td><code>@direction: both</code></td>

View File

@ -793,6 +793,11 @@
<td><code>@select</code></td>
<td>{{_i}}Control cursor selection of text on a page{{/i}}</td>
</tr>
<tr>
<td><code>.backface-visibility()</code></td>
<td><code>@visibility: visible</code></td>
<td>{{_i}}Prevent flickering of content when using CSS 3D transforms{{/i}}</td>
</tr>
<tr>
<td><code>.resizable()</code></td>
<td><code>@direction: both</code></td>

View File

@ -251,13 +251,15 @@
transform: translate(@x, @y, @z);
}
// Back-face Visibility
// This prevents the browser flickering when using to CSS transformations
.backface-visibility(@visibility){
// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
.backface-visibility(@visibility: visible){
-webkit-backface-visibility: @visibility;
-moz-backface-visibility: @visibility;
-ms-backface-visibility: @visibility;
backface-visibility: @visibility;
-moz-backface-visibility: @visibility;
-ms-backface-visibility: @visibility;
backface-visibility: @visibility;
}
// Background clipping