transform-style (_vendor.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin vendor de SISASS para la propiedad transform-style.

La propiedad transform-style establece si los elementos hijos conservan su posición en el espacio tridimensional con preserve-3d o si se integran en el plano del padre con flat.

Interface

@mixin transform-style($br: none);

Parámetros secuenciales

Parámetro	Tipo	Default	Descripción
br	Keyword	none	Define el valor que se asignará a transform-style.

Ejemplo

Padre

Hijo

<div class="transform_style_preserve_3d center_element">
     <p class="text">Padre</p>
     <div class="children center_element">
         <p class="text">
             Hijo
         </p>
     </div>
 </div>

Ejemplo adicional

Padre

Hijo

<div class="transform_style_flat center_element">
     <p class="text">Padre</p>
     <div class="children center_element">
         <p class="text">
             Hijo
         </p>
     </div>
 </div>

Ejemplo adicional

<div class="cube_transform_style_scene">
     <div class="cube_transform_style">
         <div class="face front">1</div>
         <div class="face back">2</div>
         <div class="face right">3</div>
         <div class="face left">4</div>
         <div class="face top">5</div>
         <div class="face bottom">6</div>
     </div>
 </div>