logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

Vízszintes és függőleges döntés



A vízszintes és függőleges irányú megdöntés szögei egy lépésben megadhatók a skew() függvénnyel deg-ben.

A vízszintes és függőleges döntés beállítása:

kijelölő
{
transform
:
skew(értékdeg,értékdeg);
}

Az értékek sorrendben: x y

1. Példa:

Forráskód



<style>
    .tarolo {
     ….
      position: relative; }
    .elem {
      ...
      position: absolute; }
    #skew_1 .elem {
      -webkit-transform: skew( 20deg, 20deg);
         -moz-transform: skew( 20deg, 20deg);
           -o-transform: skew( 20deg, 20deg);
              transform: skew( 20deg, 20deg);
    }    
    #skew_2 .elem {
      -webkit-transform: skew( -20deg, 50deg);
         -moz-transform: skew( -20deg, 50deg);
           -o-transform: skew( -20deg, 50deg);
              transform: skew( -20deg, 50deg);
    }
</style>     
... 
<body>
  <div id="skew_1" class="tarolo">
    <div class="elem"> skew(20deg, 20deg)</div>
  </div>
  <div id="skew_2" class="tarolo">
    <div class="elem"> skew(-20deg, 50deg) </div>
  </div>  
</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css3_skewXY_01.html


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.