CSS3 transformar-style propriedade
Exemplos
Deixe os elementos filhos na conversão de reservas 3D:
div
{
transform: rotateY (60deg);
transformar-style: preservar-3d;
-webkit-transform: rotateY (60deg); / * Safari e Chrome * /
-webkit-transform-style: preservar-3d; / * Safari e Chrome * /
}
{
transform: rotateY (60deg);
transformar-style: preservar-3d;
-webkit-transform: rotateY (60deg); / * Safari e Chrome * /
-webkit-transform-style: preservar-3d; / * Safari e Chrome * /
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Atributo definições e instruções
transformar - atributo de estilo para especificar como elementos aninhados são renderizados no espaço tridimensional.
Nota: Esta propriedade deve primeiro transformar a propriedade.
usuários Safari / Chrome: Para uma melhor compreensão transformar - propriedade de estilo, consulte os exemplos demonstram .
padrão: | plano |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.transformStyle = "preserve-3d" |
gramática
transformar-style: apartamento | preserve-3d;
valor | descrição |
---|---|
plano | Elementos filho não vai manter a sua posição 3D. |
preservar-3d | Elementos filho vai manter a sua posição 3D. |