Computer scienceFrontendCSSAdvanced features

Backface-visibility

Theory

Inherit

Report a typo

We have the following line of code in the body of an HTML document:

<body>
  <div>
    <h1>Aspire to inspire</h1>
  </div>
</body>

These are the styles added to it:

body {
  backface-visibility: visible;
}

div {
 backface-visibility: initial;
}

h1:hover {  
  backface-visibility: inherit;
  transform: rotateY(180deg); 
}

What happens to the back side of the <h1> element when you hover the mouse cursor over it?

Select one option from the list
___

Create a free account to access the full topic