• Címkék:
  • ív
  • szöveg
  • görbe
  • forgat
  • CSS3

Arctext

Példa 1:

Lorem ipsum dolores

Deklaráció

        $(document).ready(function(){
          $('#pelda-1').arctext({ radius: 400 });
        });
      

Példa 2:

Lorem ipsum dolores

Deklaráció

        $(document).ready(function(){
          $('#pelda-2').arctext({ radius: 400, dir: -1 });
        });
      

Példa 3:

Lorem ipsum dolores

Deklaráció

        $(document).ready(function(){
          $('#pelda-3').arctext({ radius: 400, rotate: false });
        });
      

Példa 4:

Lorem ipsum dolores

Animáció 1
Animáció 2

Deklaráció

        $(document).ready(function(){
          $('#pelda-4').arctext({ radius: -1 });

          $('#button-1').live('click', function(){
            $('#pelda-4').arctext('set', {
              radius: 300, 
              dir: -1,
              animation: { speed: 300, easing: 'ease-out' }
            });
            return false;
          });

          $('#button-2').live('click', function() {
            $('#pelda-4').arctext('set', {
              radius: 300, 
              dir: 1, 
              animation: { speed: 300 }
            });
            return false;
          });
        });
      

« bezár