• Címkék:
  • rugalmas
  • flexibilis
  • szélesség
  • width
  • szöveg

FitText

Példa

Mivel a plugin fluid layout esetén használatos, ezért annak szemléltetése külön oldalon található: példa

Deklaráció

        $(document).ready(function(){
          $('#fittext').fitText();
        });
      

HTML kód

        <div class="header">
          <h1 id="fittext">Lorem ipsum dolores</h1>
        </div>
      

CSS

        .header {
          width: 75%;
          margin: 0 auto;
          background-color: #eee;
          text-align: center;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;
          padding: 30px;
          border: 1px solid #ccc }

        h1 {
          padding: 0;
          margin: 0;
          text-align: center;
          color: #444;
          font: 95px/1 "Impact";
          text-transform: uppercase;
          display: inline-block;
          width: 100%;
          text-shadow: #999 -1px 1px 0, #888 -2px 2px 0, #777 -3px 3px 0, #999 -4px 4px 0 }
      

« bezár