Community Learn Tools Library Leisure

English

Programming Dictionary

Online technical manual for service programmers

Popular searches：
PHP
MySQL
jquery
HTML
CSS

CSS Related dictionaries

keyframes Translation example syntax

animation Translation example syntax

animation-name Translation example syntax

animation-duration Translation example syntax

animation-timing-function Translation example syntax

animation-delay Translation example syntax

animation-iteration-count Translation example syntax

animation-direction Translation example syntax

animation-play-state Translation example syntax

animation-fill-mode Translation example syntax

background Translation example syntax

background-attachment Translation example syntax

background-color Translation example syntax

background-image Translation example syntax

background-position Translation example syntax

resize Translation example syntax

background-repeat Translation example syntax

background-clip Translation example syntax

outline-offset Translation example syntax

background-origin Translation example syntax

background-size Translation example syntax

nav-up Translation example syntax

border Translation example syntax

nav-right Translation example syntax

nav-left Translation example syntax

nav-index Translation example syntax

border-bottom Translation example syntax

nav-down Translation example syntax

icon Translation example syntax

box-sizing Translation example syntax

appearance Translation example syntax

transition-delay Translation example syntax

transition-timing-function Translation example syntax

transition-duration Translation example syntax

transition-property Translation example syntax

transition Translation example syntax

backface-visibility Translation example syntax

border-bottom-color Translation example syntax

border-bottom-style Translation example syntax

perspective-origin Translation example syntax

border-bottom-width Translation example syntax

perspective Translation example syntax

border-color Translation example syntax

transform-style Translation example syntax

border-left Translation example syntax

border-left-color Translation example syntax

transform-origin Translation example syntax

border-left-style Translation example syntax

border-left-width Translation example syntax

transform Translation example syntax

border-right Translation example syntax

border-right-color Translation example syntax

word-wrap Translation example syntax

border-right-style Translation example syntax

word-break Translation example syntax

border-right-width Translation example syntax

text-wrap Translation example syntax

border-style Translation example syntax

text-shadow Translation example syntax

border-top Translation example syntax

border-top-color Translation example syntax

border-top-style Translation example syntax

text-overflow Translation example syntax

border-top-width Translation example syntax

text-outline Translation example syntax

border-width Translation example syntax

text-justify Translation example syntax

outline Translation example syntax

outline-color Translation example syntax

text-emphasis Translation example syntax

outline-style Translation example syntax

punctuation-trim Translation example syntax

outline-width Translation example syntax

hanging-punctuation Translation example syntax

border-bottom-left-radius Translation example syntax

word-spacing Translation example syntax

border-bottom-right-radius Translation example syntax

white-space Translation example syntax

border-image Translation example syntax

border-image-outset Translation example syntax

unicode-bidi Translation example syntax

border-image-repeat Translation example syntax

border-image-slice Translation example syntax

border-image-source Translation example syntax

text-transform Translation example syntax

border-image-width Translation example syntax

border-radius Translation example syntax

text-indent Translation example syntax

border-top-left-radius Translation example syntax

text-decoration Translation example syntax

border-top-right-radius Translation example syntax

box-shadow Translation example syntax

text-align Translation example syntax

line-height Translation example syntax

letter-spacing Translation example syntax

direction Translation example syntax

overflow-x Translation example syntax

overflow-y Translation example syntax

color Translation example syntax

overflow-style Translation example syntax

css backface-visibility attribute

Chinese translationRecent Updates：2018-05-09 12:03:57

backface

Backface

visibility

Visibility

英[ˌvɪzəˈbɪləti] Beauty [ˌvɪzəˈbɪlɪti]

css backface-visibility attribute Video explanation

css backface-visibility attribute syntax

Function:The backface-visibility attribute defines whether the element is visible when it is not facing the screen. This property is useful if you rotate an element and don't want to see its back side.

Syntax: backface-visibility: visible|hidden

Description: visibleThe back side is visible. The hidden backside is invisible.

css backface-visibility attribute example

<!DOCTYPE html>
<html>
<head>
<style>
div
{
position:relative;
height:60px;
width:60px;
border:1px solid #000;
background-color:yellow;
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg); /* Chrome and Safari */
-moz-transform:rotateY(180deg); /* Firefox */
}
#div1
{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
}
#div2
{
-webkit-backface-visibility:visible;
-moz-backface-visibility:visible;
-ms-backface-visibility:visible;
}
</style>
</head>
<body>
<p>本例有两个 div 元素，均旋转 180 度，背向用户。</p>
<p>第一个 div 元素的 backface-visibility 属性设置为 "hidden"，所以应该是不可见的。</p>
<div id="div1">DIV 1</div>
<div id="div2">DIV 2</div>
<p><b>注释：</b>本例只在 Internet Explorer 10、Firefox、Chrome 以及 Safari 中有效。</p>
</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

submit